Slideshow für die Homepage

[biene]

Hallo zusammen,

in einem anderen Thread kam die Frage nach einer guten Slideshow für die eigene Homepage auf.

Kann jemand ein geeignetes Programm oder Script empfehlen?

[woelfi]

Ich kann die Lightbox2 empfehlen.

Hier ist der Link mit Einbauanweisung: http://www.lokeshdhakar.com/projects/lightbox2/

[Sunny]

Wie funktioniert die Slideshow eigentlich?

[woelfi]

Mit der Lightbox kann man Bilder auf einer Webseite vergrößern. Der Hintergrund wird dabei abgedunkelt und das Bild mit einer höheren Auflösung geladen.

Es gibt verschiedene Anwendungsmöglichkeiten. Man kann z.B. Einzelbilder laden oder aber auch mehrere Bilder sozusagen als Slideshow implementieren, in der man immer weiter zum nächsten Bild klicken kann.

[Theo]

Ist diese Lightshow schwierig in die eigene Homepage einzubinden?

[woelfi]

Der Einbau des Lightscripts ist relativ einfach, ich beschreibe ihn hier noch einmal:

Schritt1:
Den nachstehenden Quellcode in die Webseite einbauen, in der Du das Script nutzen willst und zwar in den head-Bereich:

Code Auswählen Erweitern

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Schritt 2:

Diesen CSS Stil in die Webseite mit einbauen, entweder im Head-Bereich oder in der CSS-Datei:

Code Auswählen Erweitern

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Schritt 3:

Darauf achten, daß die folgenden Dateien zusammen mit dem Ordner "lightbox" auf Deinen Server (Webspace) per FTP hochgeladen werden: prev.gif, next.gif, loading.gif und close.gif

Schritt 4:

Das Attribute rel="lightbox" muß in jedem Bild, das vergrößert werden soll, angegeben werden. Zum Beispiel in dieser Form:

Code Auswählen Erweitern

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Das war es schon, ist also wirklich nicht schwierig...

[Tobi]

ich kann den simpleviewer empfehlern, nutze den auf meiner page, ist Flash und sehr hübsch, da wenig schnickschnach drum herum, sondern eben nur bilder.

http://www.simpleviewer.net/simpleviewer/

unter www.tobitrips.de auf bilder sieht man den live. das ding ist komplett einstellbar, von der rahmenbreite über farben etc. und verfügbar für verschiedene programme. ich nutze ihn als script über photoshop. geht aber auch über zig andere progs. einfach einen ordner bilder auswählen, das script verkleinert automatisch und erzeugt die komplette gallery. in der homepage verlinkt man dann einfach auf die erzeugt index.hatml im gallery-verzeichnis und fertig.

tobi