David: bildergalerie

Beitrag lesen

Hallo

SO eine Bildershow habe ich mir mal auch gebastelt. Ich habe das aber etwas anders gemacht...

<script language="JavaScript">
var max = 5;
var min = 1;
var b =1;
  function bild() {
    window.open(b + ".jpg", "Großansicht", "width=670,height=500,resizable=yes");
  }
  function go(k) {
    b = b + k;
    if (b == (min - 1)) b = max;
    if (b == (max + 1)) b = min;
    document.images[0].src = b + "_t.jpg";
  }
</script>

Damit hast du nur eine funktion fürs weiter/zurück-gehen. die links sehen so aus:
<a href="JavaScript:go(-1);">zurück</a>
<a href="JavaScript:go(1);">weiter</a>

in b ist immer die aktuelle bildnummer drinne. mit der go-funktion wird b immer eins erhöht (= ein bild weiter) oder eins verringert (= eins runter).
ggf wird dann auch wieder von vorne angefangen ( drch min & max), sodass du einen runlauf hast.
ich habe das damals so gehat, dass ich kleine thumnails (schnell geladen) habe und die großen, die sich beim klick auf das thumb öffneten.
die thumbs hießen zB 1_t.jpg, 2_t.jpg usw, die großen entsprechend 1.jpg, 2.jpg.
wirnd nun navigiert, wird immer (b + "_t.jpg") in das thumbnail-fenster geladen. durch einen klick wurde ein nues fenster mit dem großbild ((b + ".jpg")) geöffnet (-> Funktion bild())
nur diese müsstest du dann dir irgendwie zurecht basteln, sodass du da das richtige bild drinne hast. irgendwie musst du dem neuen fenster das b übermitteln. vielleicht in eine hidden-field setzen und per opener.blabla rauslesen?

hoffe, das hilft ein stück weiter...

Grüße

David

--

"Nobody will ever need more than 640k RAM!"
1981 Bill Gates