ERLEDIGT
JA
JA
ANTWORTEN
3
3
ZUGRIFFE
10624
10624
EMPFEHLEN
-
HALLO
ich habe ein Problem ich habe mir die Lightbox runter geladen
Link: http://www.huddletogether.com/projects/lightbox2/
Aber ich verstehe die Anleitung nicht so ganz hab schon was versucht aber es geht irgend wie nicht was ich gemach jetzt einbinden soll und wohin vill kann sich das bitte jemand mal anschauen!
bitte mit css kenn ich mich net so aus
ist wichtig bitte ....
Gruß!
// EDIT
ah ok ich denke ich habs hinbekommen hir die anleitung
Und so gehts:
Schritt 1 - Einbindung
Lightbox v2.0 basiert auf dem Prototype Framework und der Scriptaculous Effects Bibliothek. Du musst alle drei Javascript-Dateien im Header-Bereich einbinden. <script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Binde die Lightbox CSS Datei ein (oder ergänze Dein eigenes Stylesheet mit den Lightbox-Styles). <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Überprüfe das CSS und stelle sicher, dass die eingebundenen Dateien prevlabel.gif und nextlabel.gif im richtigen Ordner liegen. Schau ausserdem noch nach den Pfaden der Dateien loading.gif und closelabel.gif die oben in der lightbox.js Datei verlinkt sind.
Schritt 2 - Aktivierung
Füge ein rel="lightbox" Attribut zu jedem Link-Tag hinzu, um Lightbox zu aktivieren. Zum Beispiel: <a href="http://www.tutorials.de/forum/images/image-1.jpg" rel="lightbox" title="Mein Titel">Bild #1</a>
Optional: kannst Du das title Attribut benutzen, um einen Titel zu hinterlegen.
Wenn Du eine Galerie aus verschiedenen zusammengehörigen Bildern hast, machs genauso wie im 1. Schritt füge aber noch einen Galerie-Namen in eckigen Klammern zum rel-Attribut hinzu. Zum Beispiel: <a href="http://www.tutorials.de/forum/images/image-1.jpg" rel="lightbox[roadtrip]">Bild #1</a>
<a href="http://www.tutorials.de/forum/images/image-2.jpg" rel="lightbox[roadtrip]">Bild #2</a>
<a href="http://www.tutorials.de/forum/images/image-3.jpg" rel="lightbox[roadtrip]">Bild #3</a>
Die Anzahl der Bilder pro Galerie ist nicht begrenzt. Los gehts!
-
17.11.07 08:22 #2
- Registriert seit
- Nov 2007
- Beiträge
- 1
Servus,
hast Du denn eine Ahnung wie ich die Lightbox an den oberen Rand des Browserfensters bekommen könnte. Sonst funktioniert alles ganz prima.
-
17.11.07 08:36 #3Maik Tutorials.de Gastzugang
Hi,
die Frage nach der Positionskorrektur ist schon mal im CSS-Board gestellt worden -> Lightbox Fenster Startposition verändern.
-
22.11.07 02:04 #4
- Registriert seit
- Nov 2007
- Beiträge
- 1
hallo,
gibt es vielleicht ein Tutorial wo ich sowas selber basteln kann? nicht so aufwendig ansich will ich nur eine Galerie haben wo ich wenn ich auf das Bild gehe sich das Bild im selben Fenster groesser oefnet und der Hintergrund abgedunkelt wird und wenn ich ein Klick auf das Bild mache ist es wieder weg.
ich habe noch nicht so viel Erfahrung deswegen wuerden mir die Funktionen schon reichen. Das Problem ist ich will es auf einer Firmen seite einbinden und ich weiss ja nicht wie das Rechtlich dann mit dieser Lightbox ist und ich glaube das es fast zu schoen ist fuer die page
Ähnliche Themen
-
USB einbindung in Java
Von Flo85 im Forum JavaAntworten: 6Letzter Beitrag: 13.10.10, 20:59 -
mySQL Einbindung
Von anthro im Forum C/C++Antworten: 5Letzter Beitrag: 13.02.05, 22:31 -
Einbindung von Flash
Von renard im Forum Flash PlattformAntworten: 2Letzter Beitrag: 06.01.05, 15:47 -
Einbindung von C# in ASP
Von dark_nightmare im Forum .NET ArchivAntworten: 1Letzter Beitrag: 12.10.04, 13:41 -
Gästebuch einbindung
Von Ice-1982 im Forum Flash PlattformAntworten: 27Letzter Beitrag: 02.03.02, 23:54





Login





