einseitige html galerie

[Ralf]

hallo liebe forumgänger,

ich habe folgendes vor: ich möchte eine kleine bildergalerie mit kommentaren und kleinen thumbnails in !einer! html erstellen. php kommt bei mir leider nicht in frage da mein server dies nicht zu lässt. und zwar habe ich mir das so vor gestellt dass per mausklick auf ein entsprechendes thumbnail ein grösseres div darüber mit dem bild in original-grösse und einem kleinen kommentar auf visible geschaltet wird. klappt auch so weit. das letzte zu lösende problem dass mich noch vor der perfektion der bildergalerie fernhält ist das direkte verweisen auf die divs von links ausserhalb der galerie.htm. ich möchte zB einen einen link in einem artikel in einer anderen html unterbringen der direkt auf die galerie verweist mit dem entsprechenden div das er nach dem link eben darzustellen hat darstellen soll. ich dachte das ginge mit ankern. ist aber nicht so. kennt jemand eine anweisung für einen link der einem bestimten thumbnail in der bildergalerie sagt dass er geklickt sein soll?

ralfi

[Utz]

Hallo,

http://de.selfhtml.org/javascript/objekte/location.htm#search - und abhnängig von window.location.search den richtigen Layer nach vorn.

Grüße,
Utz

[Ralf]

hallo,

ich habe das meinen quellcode dahingehend verändert dass ich nicht mehr mit visible arbeite sondern den z-index der divs ändere. das klappt leider nur eingeschränkt. ich habe 7 bilder also 7 layer von denen ich nur 3 in ihrer schichtebene wechseln kann. naja hier ist mein code zu den thumbnails (vielleicht sieh da jemand meinen fehler - würde mich sehr freuen):

<a name="fig01" onClick="document.getElementById('01').style.zIndex=2; document.getElementById('02','03','04','05','06','07').style.zIndex=1;"><img src="images/gal_tunnel/level.jpg" class="thumb"></a>
 <a name="fig02" onClick="document.getElementById('02').style.zIndex=2; document.getElementById('01','03','04','05','06','07').style.zIndex=1;"><img src="images/gal_tunnel/opentransition.jpg" class="thumb"></a>
 <a name="fig03" onClick="document.getElementById('03').style.zIndex=2; document.getElementById('02','01','04','05','06','07').style.zIndex=1;"><img src="images/gal_tunnel/diffraction.jpg" class="thumb"></a>
 <a name="fig04" onClick="document.getElementById('04').style.zIndex=2; document.getElementById('02','03','01','05','06','07').style.zIndex=1;"><img src="images/gal_tunnel/schematic_setup.jpg" class="thumb"></a>
 <a name="fig05" onClick="document.getElementById('05').style.zIndex=2; document.getElementById('02','03','04','01','06','07').style.zIndex=1;"><img src="images/gal_tunnel/maschine.jpg" class="thumb"></a>
    <a name="fig06" onClick="document.getElementById('06').style.zIndex=2; document.getElementById('02','03','04','05','01','07').style.zIndex=1;"><img src="images/gal_tunnel/funnel.jpg" class="thumb"></a>
 <a name="fig07" onClick="document.getElementById('07').style.zIndex=2; document.getElementById('02','03','04',05','06','01').style.zIndex=1;"><img src="images/gal_tunnel/first_HD.jpg" class="thumb"></a>

ralfi