Welcome, Guest
Username: Password: Remember me

TOPIC: jquery lightbox Problem

jquery lightbox Problem 3 years 4 months ago #58553

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
The administrator has disabled public write access.

Re: jquery lightbox Problem 3 years 4 months ago #58568

Tja konnte mittlerweilen, dass Problem selbst lösen.

Das Problem war die Reihenfolge, in der die JS Dateien des Plugins geladen worden.

JQuery muss hierbei als erstes initialisiert werden, bevor der Rest kommt

z.B.:
<script type="text/javascript" src="{TEMPLATEURL}js/jquery.js"></script>
	 <script type="text/javascript" src="{TEMPLATEURL}js/jquery.lightbox-0.5.js"></script>

closed
The administrator has disabled public write access.

Re: jquery lightbox Problem 3 years 4 months ago #58678

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5302
  • Thank you received: 291
  • Karma: 247
Vielen Dank für dein Feedback.

Grundsätzlich würde ich solche Fragen immer im englischen Forum stellen, da sind die Experten unterwegs und du erhältst schneller eine Antwort.

Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)limesurvey.org'"
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.142 seconds
Donation Image