perlunity.de | Javascript : Bilder - Imagewall | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5187 davon online: 2 weitere User: 33

06.01.2009 / 10:36

Community-Member werden | Paßwort vergessen | OnlineMonitor (2)

Wer ist online ... OnlineMonitor starten !

Javascript » Bilder » Imagewall
zur Übersicht

Kategorie Bilder

Bezeichnung Imagewall

ScriptDemo Neues Fenster für Demo öffnen

Statistik 34954 Aufrufe davon 5x gestern

Automatisches Durchschalten von kleinen Thumbnails. Ein interessanter Effekt. Ein weiteres Feature wäre die Anzeige von den grossen Bildern bei Klick auf ein Thumbnail. Vielen Dank für das Script an Holger Krupp.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<body onload="change()"> <script language="javascript"> // www.afriendlyworld.com – made by Holger Krupp folder = "gfxu/"; // in diesem Ordner liegen die Bilder arrPics = new Array("usacasonnepark","sonnewolken","sonnenstreifen","gelberstreifen","casonnestrand","casonnemeer","cameer","747blauweiss","id4-like","sunsetwst","sonnenuntergangmeer","amsee"); // alle Bilder in einem Array - wenn das statt gifs jpgs sind dann muss unten im Hauptquelltext noch was geändert werden. arrlength = arrPics.length; spalte = 5; //soviele Spalten werden gemacht zeile = 5; // und soviele Zeilen speed = 50; // je höher die Zahl desto langsamer werden die Bilder gewechselt function change() { temp2 = (Math.random() * (spalte-1))+1; xkoordinate = Math.round(temp2); temp3 = (Math.random() * (zeile-1))+1; ykoordinate = Math.round(temp3); nameofimage = 'x'+xkoordinate+'y'+ykoordinate; var temp4 = (Math.random() * (arrlength-1)); var zahl4 = Math.round(temp4); window.document[nameofimage].src = folder + arrPics[zahl4]+'.gif'; setTimeout('change()', speed); } document.write('<table border=0 cellspacing=0 cellpadding=0>'); for (i=1;i<spalte+1;i++) { document.write('<tr>'); for (j=1;j<zeile+1;j++) { var temp = (Math.random() * (arrlength-1)); var zahl = Math.round(temp); document.write('<td><img src="'+ folder +arrPics[zahl]+'.gif" alt="x' + i +'y'+ j + '" border=0 height="40" width="40" name="x' + i + 'y' + j + '"></td>'); // bei jpg Bildermn muss das .gif in .jpg geändert warden. } document.write('</tr>'); } document.write('</table>'); </script> </body>

Kommentare zu Imagewall

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0131_main.shtml .::. Aufrufe heute: 2 .::. Aufrufe gesamt: 22574