Slideshow für die Homepage

Begonnen von biene, November 02, 2009, 10:47:48

0 Mitglieder und 2 Gäste betrachten dieses Thema.

Vorheriges Thema - Nächstes Thema

biene

**
Jr. Member
Beiträge: 21
Ort: München
Gespeichert
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?
Liebe Gruesse

Eure Biene

woelfi

Administrator
****
Hero Member
Beiträge: 696
Ort: on tour
Gespeichert
Ich kann die Lightbox2 empfehlen.

Hier ist der Link mit Einbauanweisung: http://www.lokeshdhakar.com/projects/lightbox2/
Liebe Grüsse

Wolfgang

Sunny

****
Sr. Member
Beiträge: 111
Ort: Denia - Spanien
Gespeichert
Wie funktioniert die Slideshow eigentlich?
Viele sunnyge Grüsse sendet

Sunny

woelfi

Administrator
****
Hero Member
Beiträge: 696
Ort: on tour
Gespeichert
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.
Liebe Grüsse

Wolfgang

Theo

****
Sr. Member
Beiträge: 146
Ort: Mexico
Gespeichert
Ist diese Lightshow schwierig in die eigene Homepage einzubinden?
Viele Grüssee

Theo

woelfi

Administrator
****
Hero Member
Beiträge: 696
Ort: on tour
Gespeichert
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:


Liebe Grüsse

Wolfgang

Tobi

Drifter
Global Moderator
*****
Hero Member
Beiträge: 469
Ort: Nürnberg
Gespeichert
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
World, put your helmet on and get ready for us!

https://www.tobitrips.de