Bild in neuem fenster öffnen?

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

hallo,

möchte eine kleine bildershow ins netz stellen. habe einen index mit thumbnails und möchte mit klick auf ein thumbnail das große bild im neuen fenster oeffnen.

also A HREF onclick()

nun bekomme ich mit onclick nur hin, dass sich ein neues window öffnet, das zwingend HTML sein muss. wie kann ich dieses HTML dynamisch machen, also immer das angeclickte bild gerade in dem HTML-fenster laden?

also irgendwie übergabe mit onclick, das im geöffneten fenster gerade das besagte bild X dargestellt wird?

fragend:

showbee

#2

Hallo

Was verstehst Du unter „zwingend HTML“?
Du benötigst min. Javascript um ein Popup-Fenster zu genieren.

Wenn es „Zwingend HTML“ sein muss, dann geht dies nur mit einem Link dessen target auf „_blank“ verweist.

Hier ein Beispiel mit Javascript:

var pic;
function myPic(pic){
window.open(pic,’’,‚status=no,toolbar=no,location=no,directories=no,resizable=yes,width=400,height=400‘);
}
[Link](javascript:myPic(‚hallo_welt.png‘))

Od. so:

mfg

#3

Hi,
verwende mal den folgenden Quellcode:
---------- Beginn Code ----------

<!–

<!–
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==„Netscape“)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {

if (bgcolor=="") {
bgcolor="#FFFFFF";
}
var adj=10
var w = screen.width;
var h = screen.height;
var byFactor=1;

if(w<740){
var lift=0.90;
}
if(w>=740 & w<835){
var lift=0.91;
}
if(w>=835){
var lift=0.93;
}
if (imageWidth>w){
byFactor = w / imageWidth;
imageWidth = w;
imageHeight = imageHeight * byFactor;
}
if (imageHeight>h-adj){
byFactor = h / imageHeight;
imageWidth = (imageWidth * byFactor);
imageHeight = h;
}

var scrWidth = w-adj;
var scrHeight = (h*lift)-adj;

if (imageHeight>scrHeight){
imageHeight=imageHeight*lift;
imageWidth=imageWidth*lift;
}

var posLeft=0;
var posTop=0;

if (hugger == „hug image“){
if (hugMargin == „“){
hugMargin = 0;
}
var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
if (scrHeightTemp < scrHeight) {
scrHeight = scrHeightTemp;
}
var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
if (scrWidthTemp < scrWidth) {
scrWidth = scrWidthTemp;
}

if (scrHeight<100){scrHeight=100;}
if (scrWidth<100){scrWidth=100;}

posTop = ((h-(scrHeight/lift)-adj)/2);
posLeft = ((w-(scrWidth)-adj)/2);
}

if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
imageHeight=imageHeight-adj;
imageWidth=imageWidth-adj;
}
posTop = parseInt(posTop);
posLeft = parseInt(posLeft);
scrWidth = parseInt(scrWidth);
scrHeight = parseInt(scrHeight);

var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf(„opera“) != -1){
var args= new Array();
args[0]=‚parent‘;
args[1]=imageName;
var i ; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location=’"+args[i+1]+"’");
} else {
newWindow = window.open(„vwd_justso.htm“,„newWindow“,„width=“+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write(’<html><title>’+alt+’</title><body leftmargin=„0“ topmargin=„0“ marginheight=„0“ marginwidth=„0“ bgcolor=’+bgcolor+’ onBlur=„self.close()“ onClick=„self.close()“>’);
newWindow.document.write(’<table width=’+imageWidth+’ border=„0“ cellspacing=„0“ cellpadding=„0“ align=„center“ height=’+scrHeight+’ ><tr><td>’);
newWindow.document.write(’<img src="’+imageName+’" width=’+imageWidth+’ height=’+imageHeight+’ alt=„Zum schließen auf das Bild klicken !“ >’);
newWindow.document.write(’</td></tr></table></body></html>’);
newWindow.document.close();
newWindow.focus();
}
}

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//–>

---------- Ende Code ----------
Gruß - Axel

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]