Heyho,
ich weiß nicht, ob das Forum stimmt, aber da es Javascript und CSS ist, nur über Bilder verknüpft, pack ich es mal hier rein.
Mein Problem: Lightbox 2.51 funktioniert auf meiner Seite nicht.
Ordnerstruktur:
Code
index.php
scripts
- lightbox.js
styles
- lightbox.css
img
- lightbox
- - close.png
- - loading.gif
- - prev.png
- - next.png
- gal
- - galeriebilder
- - ...
index.php
HTML
<!Doctype html>
<html>
<head>
<title>...</title>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="scripts/lightbox.js"></script>
<link rel="stylesheet" href="style/lightbox.css" type="text/css" />
</head>
<body>
<div id="swapper"><!-- Inhalt wird per Ajax bei Linkklick aus einer eigenen Datei nachgeladen -->
<h1>Galerie</h1>
<a href="img/gal/bild-gr.jpg" rel="lightbox">
<img src="img/gal/bild-kl.jpg" height="150" width="200" title="Ein schönes Bild" alt="Schönes Bild" />
</a>
</div>
</body>
</html>Wenn man auf den Thumbnail klickt, wird zwar der Bildschirm abgedunkelt, aber sonst passiert nichts! Woran liegts? Wenn es am ajax liegt, hat wer eine Lightbox-Alternative parat, die damit zurecht kommt?
Oder würde es helfen die Skriptlinks in die Inhaltsdatei zu packen, so dass es im Endeffekt folgendermaßen da steht?
HTML
<div id="swapper">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="scripts/lightbox.js"></script>
<link rel="stylesheet" href="style/lightbox.css" type="text/css" />
<h1>Galerie</h1>
...
</div>