Habe folgenden code für das wechseln des main-pictures beim thumbnailklicken:
Zusätzlich für next und prev:Code://clicking on a thumb, replaces the large image $list.find('.st_thumbs img').live('click',function(){ var $this = $(this); $loader.show(); $('<img class="st_preview"/>').load(function(){ var $this = $(this); var $currImage = $('#middle').children('img:first'); $this.insertBefore($currImage); $loader.hide(); $currImage.fadeOut(0,function(){ $(this).remove(); }); }).attr('src',$this.attr('alt')); });
und die html sieht so aus:Code:var image = new Array(<?php $verzeichnis = "http://www.traum-projekt.com/forum/images/album1/"; echo "\"http://www.traum-projekt.com/forum/images/album1/0001.jpg\""; $handle = openDir($verzeichnis); // Verzeichnis öffnen while ($datei = readDir($handle)) { // Verzeichnis auslesen if ($datei != "." && $datei != ".." && !is_dir($datei)) { // Verzeichnisse filtern if (strstr($datei, ".jpg")) { // Nur Bilder durch lassen (Filter) $verzeichnis_datei = $verzeichnis . $datei; // Pfad zur aktuellen Datei $array = array($datei); sort($array); echo ",\"",$verzeichnis_datei,"\""; // Bild anzeigen }}} closeDir($handle); // Verzeichnis schließen ?>) var imgNumber=1 var numberOfImg = image.length function previousImage(){ if(imgNumber > 1){ imgNumber-- } else{ imgNumber = numberOfImg } document.slideImage.src = image[imgNumber-1] } function nextImage(){ if(imgNumber < numberOfImg){ imgNumber++ } else{ imgNumber = 1 } document.slideImage.src = image[imgNumber-1] } //-->
next prev funktionieren anfangs, nach klicken einer thumb leider nicht mehr. Bin schon am verzweifeln.HTML-Code:<div id="st_main" class="st_main"> <div id="middle"><img id="slideImg" src="http://www.traum-projekt.com/forum/images/album1/0001.jpg" alt="" name="slideImage" class="st_preview" /></div> [...] <li class="album"> <span class="st_link">Outside<span class="st_arrow_down"></span></span> <div class="st_wrapper st_thumbs_wrapper"> <div class="st_thumbs"> <img src="http://www.traum-projekt.com/forum/images/album1/thumbs/0001.jpg" alt="http://www.traum-projekt.com/forum/images/album1/0001.jpg"/> <img src="http://www.traum-projekt.com/forum/images/album1/thumbs/0003.jpg" alt="http://www.traum-projekt.com/forum/images/album1/0003.jpg"/>
Bitte um Hilfe :P
Webseite ist hier zum Probieren: http://aikapan.kilu.de/Joe/index.php
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)