[Guru0815]

Hallo,

habe die Suchfunktion benutzt, aber leider nichts gefunden.

ich habe eine Frage, welche wahrscheinlich recht Simpel ist, aber ich komme nicht darauf.

Ich habe neun Bilder (siehe Grafik unten (B), bei jedem Bild, wird bei MouseOver auf der rechten Seite ein Bild vergrössert (grosses Bild), gehe ich auf ein anderes Bild der neun Bilder, wird rechts die entsprechende Grafik vergrössert angezeigt.
Nun möchte ich, wenn ich mit der Mouse auf das grosse Bild klicke sich ein PopUp mit dem im Augenblick angezeigten Bild öffnet. Das Bild in dem PopUp ist dann in voller grösse zu sehen.Habe das ganze mit Dreamweaver realisiert.
Hier der quellcode dazu:

<SCRIPT Language="JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
.
.
.
[i]Hier werden die Bilder ausgetauscht

<a href="#"><img src="bilder/bild/tn_bild_1.jpg" width="120" height="90" border="0" id="tn_bild_1" onclick="MM_openBrWindow('bild1.htm','Bild1','width=840,height=690')" onmouseover="MM_swapImage('bild_1','','bilder/bild/bild_1.jpg',1)" /></a>




Danke im voraus

Gruss aus Köln

[sahnemuh]

javascript:

[dr13.de]

Bei Selfhtml gibts auch eine umfangreiche Anleitung, die allerdings eher für Buttons gedacht ist.

Mit reinem CSS geht sowas aber auch. Hier verweise ich immer gerne auf unseren CSS-Guru Stu Nicholls:
Beipiel 1: Gallery
Beispiel 2: Scroll Gallery

Und noch 'ne ganze Menge mehr: CSSplay.

Also, reingucken und inspirieren lassen!