Suche Lösungsmöglichkeit um nur die sichtbaren Bilder zu laden

Klopfer

Klopfer

Mitglied
Hi,

nach vergeblicher Forensuche öffne ich eben ein neuen Thread.
Ich hab vor ein Fotoalbum zu schreiben. Allerdings ist die Lösung für mich eine Sackgasse -.-

Die Bildauswahl soll über einen Scrollbalken erfolgen also auf der Webseite unter dem eigentlichen Bild. Dort sollen beispielsweiste 5 der 100 Bilder angezeigt werden.
Das klappt auch alles wunderbar, bis auf den einen Punkt.
Wie kann ich hier die umsetzung realisieren, dass nur die 5 sichtbaren Bilder geladen und die anderen 95 stück für stück nachgeladen werden. So wie auf google maps zum Beispiel. Dort wird ja auch nicht die komplette Weltkarte geladen.

Ich hoffe ihr könnt mir weiterhelfen.
Danke und Gruß
Fabian
 
Hi Fabian,

setze in dem Thumbnail-Div halt nur 5 Bilder und setze src dieser Bilder bei Klick auf "weiter" neu.

ganz einfaches Beispiel ohne irgendwelche Prüfungen:

HTML: 
<html>
   <head>
      <script type="text/javascript">
	 bilder = new Array();
         bilder.push('image1.jpg');
         bilder.push('image2.jpg');
         ...
	 start = 0;
	 anz_sichtbar = 5;
         function next() {
	    start++;
	    for(i=0; i < anz_sichtbar; i++) {
	       document.images[i].src = bilder[i + start];
	    }
         }
      </script>
   </head>
   <body>
      <div>
	    <img src="image1.jpg">
	    <img src="image2.jpg">
            ...
	    <a href="#" onclick="next(); return false;">vor</a>
      </div>
   </body>
</html>

LG
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück