OnTourWorld Forum

SPECIAL - THEMEN => PC + Web - Know-how => Thema gestartet von: biene am November 02, 2009, 10:47:48

Titel: Slideshow für die Homepage
Beitrag von: biene am November 02, 2009, 10:47:48
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?
Titel: Re: Slideshow für die Homepage
Beitrag von: woelfi am November 02, 2009, 11:28:35
Ich kann die Lightbox2 empfehlen.

Hier ist der Link mit Einbauanweisung: http://www.lokeshdhakar.com/projects/lightbox2/ (http://www.lokeshdhakar.com/projects/lightbox2/)
Titel: Re: Slideshow für die Homepage
Beitrag von: Sunny am November 02, 2009, 11:56:50
Wie funktioniert die Slideshow eigentlich?
Titel: Re: Slideshow für die Homepage
Beitrag von: woelfi am November 02, 2009, 12:14:48
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.
Titel: Re: Slideshow für die Homepage
Beitrag von: Theo am November 02, 2009, 17:54:11
Ist diese Lightshow schwierig in die eigene Homepage einzubinden?
Titel: Re: Slideshow für die Homepage
Beitrag von: woelfi am November 03, 2009, 10:28:20
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:

<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:

<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:

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

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


Titel: Re: Slideshow für die Homepage
Beitrag von: Tobi am November 07, 2009, 12:44:42
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/ (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