Hallo!
Ich versuche seit geraumer Zeit auf meinem limesurvey ein jquery lightbox plugin zum Laufen zu bekommen.
Mein Limesurvey Version 1.72 (5737).
Was ich gemacht habe.
1) Plugin besorgt
leandrovieira.com/projects/jquery/lightbox/
2) Entsprechende Dateien in den Template Folder geladen.
3) CSS und JS in Template inkludiert:
<script type="text/javascript" src="http://xyz.tld/templates/the-webring/js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="http://xyz.tld/templates/the-webring/js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://xyz.tld/templates/the-webring/css/jquery.lightbox-0.5.css" media="screen" />
....
<script type="text/javascript">
$(function() {
$('a.lightbox').lightBox();
});
</script>
....
<div id="gallery">
<ul>
<li>
<a href="http://xyz.tld/templates/the-webring/photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar." class="lightbox">
<img src="http://fragebogen.the-webring.at/templates/the-webring/photos/thumb_image1.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="http://xyz.tld/templates/the-webring/photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar." class="lightbox">
<img src="http://fragebogen.the-webring.at/templates/the-webring/photos/thumb_image2.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="http://xyz.tld/templates/the-webring/photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar." class="lightbox">
<img src="http://fragebogen.the-webring.at/templates/the-webring/photos/thumb_image3.jpg" width="72" height="72" alt="" />
</a>
</li>
</ul>
</div>
Dennoch funktioniert der Lightbox Effekt gar nicht.
Stattdessen erhalte ich folgende JS Fehler:
1)
"jQuery is not defined"
})(jQuery); // Call and execute the fu... immediately passing the jQuery object in jquery.lightbox-0.5.js Zeile 452
2) "$("a.lightbox").lightBox is not a function"
siehe JS Code oben.
Anscheinend wird da jQuery Objekt hier nicht richtig geladen/erstellt.
Hat wer eine Idee oder zumindest jmd. anders schon ähnliche Probleme gehabt?
Danke,
WB
