Hallo zusammen
Im Moment arbeite ich an einer Bildergalerie für eine Website. ich habe die Bilde gemacht und eingefügt.
Jetzt möchte ich die Galerie aufbessern und habe dabei Lightbox gefunden, allerdings habe ich obwohl ich alles Haargenau nach Anleitung gemacht habe Probleme mit der Lightbox.
Hier der HTML Code
Zum einrichten der Lightbox hab ich diese Anleitung benutzt http://www.html-seminar.de/bildergalerie-mit-lightbox.htm
Ich hab keineAhnung von Javascripten.
Im Moment öffnet sich das Bild nur in Groß aber nicht in einer Lightbox
Ich würde mich über Hilfe bei der Einrichtung freuen
Grüße Jakob
Im Moment arbeite ich an einer Bildergalerie für eine Website. ich habe die Bilde gemacht und eingefügt.
Jetzt möchte ich die Galerie aufbessern und habe dabei Lightbox gefunden, allerdings habe ich obwohl ich alles Haargenau nach Anleitung gemacht habe Probleme mit der Lightbox.
Hier der HTML Code
HTML:
<head>
<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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<h1>Bilder</h1>
<a href="dia/balkon.jpg" rel="lightbox[Praxis]"><img src="dia/balkon_kl.jpg" alt="Bitte Java anschalten!" width="200"></a>
<a href="dia/flip.jpg" rel="lightbox[Praxis]"><img src="dia/flip_kl.jpg" alt="Bitte Java anschalten!" height="200"></a>
<a href="dia/kuschel.jpg" rel="lightbox[Praxis]"><img src="dia/kuschel_kl.jpg" alt="Bitte Java anschalten!" height="200"></a>
<a href="dia/mac.jpg" rel="lightbox[Praxis]"><img src="dia/mac_kl.jpg" alt="Bitte Java anschalten!"width="200"></a>
<a href="dia/mal.jpg" rel="lightbox[Praxis]"><img src="dia/ma_kl.jpg" alt="Bitte Java anschalten!"width="200"></a>
<a href="dia/malnah.jpg" rel="lightbox[Praxis]"><img src="dia/malnah_kl.jpg" alt="Bitte Java anschalten!"width="200"></a>
<a href="dia/panorama.jpg" rel="lightbox[Praxis]"><img src="dia/panorama_kl.jpg" alt="Bitte Java anschalten!"width="200"></a>
<a href="dia/sofa.jpg" rel="lightbox[Praxis]"><img src="dia/sofa_kl.jpg" alt="Bitte Java anschalten!"width="200"></a>
</div>
</body>
</html>Das ist die HTML Datei mit den Bildern die in der Lightbox verlinkt werden sollen.
Meine Bilder befindne sich im Verzeichnis dia
Meine Bilder befindne sich im Verzeichnis dia
In meinen Hauptverzeichnis befinden sich- im Ordner CSS die Dateien "lightbox.css" und "screen.css" aus der Zip Datei von Lightbox.
- Im Ordner img die kleinen Pfeile u.s.w. die tun ja wohl hier erstmal nichts zur Sache....
- Im Ordner js "lightbox.min.map" "jquery-1.11.0.min.js" "jquery-1.11.0.min.map" "lightbox.js" "lightbox.min.js"
An denen hab ich nichts geändert, ich habe die Ordner einfach kopiert
Zum einrichten der Lightbox hab ich diese Anleitung benutzt http://www.html-seminar.de/bildergalerie-mit-lightbox.htm
Ich hab keineAhnung von Javascripten.
Im Moment öffnet sich das Bild nur in Groß aber nicht in einer Lightbox
Ich würde mich über Hilfe bei der Einrichtung freuen
Grüße Jakob
Zuletzt bearbeitet:
