[gelöst] Jquery PrettyPhoto reagiert nicht
Eingetragen von easyMaxi (54)am 02.11.2011 - 22:56 Uhr in
Hallo,
vorhab: Ich weiß es ist nicht die sauberste Lösung aber ich dachte sie funktioniert (:
Ich habe einen node und dazu ein Template.
In diesem Template wird die JQuery Datei etc. geladen und hard im Code die Bilder integriert.
Nun möchte ich eine Lightboxfunktion.
Leider öffnet er das Bild immer nur in einem Fenster (also normales Link Verhalten).
Woran kann dies liegen?
Gibt es etwas spezielles zu beachten?
lg
easyMaxi
- Anmelden oder Registrieren um Kommentare zu schreiben
Du solltest die jQuery
am 03.11.2011 - 08:53 Uhr
Du solltest die jQuery Bibliothek entweder über die .info Datei deines Themes einbinden oder über drupal_add_js in deinem Template oder der template.php deines Themes.
Nach dem Einbinden solltest du auf jeden Fall den Cache leeren !
Im Firebug kannst du dann prüfen, ob das jQuery Plugin auch wirklich geladen wird. Die Bilder müssten dann mit einem rel="prettyPhoto" in die Seiten eingebunden werden.
Weitere Infos hierzu findest du auf der Seite des Plugins - dort gibt es eine sehr ausführliche Dokumentation, die dir all dies erklärt:
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox...
Es gibt wohl auch eine Möglichkeit den Effekt dann auf alle Bilder anzuwenden - dies müsstest du aber selbst einmal testen - wird unter folgendem Link beschrieben:
http://stackoverflow.com/questions/2261909/how-can-i-apply-a-lightbox-pr...
SteffenR
Hi,scripts[] =
am 06.11.2011 - 22:04 Uhr
Hi,
scripts[] = jquery.prettyPhoto.js
scripts[] = jquery-1.6.1.min.js
steht in der .info
Der Link um das Bild in der .info ist mit rel="prettyPhoto" ausgezeichnet.
Die beiden Dateien werden auch geladen.
Nur wenn ich auf das Bild draufklicke greif die Funktion nicht.
<script type="text/javascript" charset="utf-8">$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<?php print $closure ?>
</body>
steht auch noch in der seperaten tpl.php, laut Dokumentation benötigt man dies.
Habe ich etwas übersehen?
Kann man diese Funktion nicht einfach so in eine .tpl packen?
lg
easyMaxi
EDIT:
Ha, also ganz wichtig: Nur eine jquery.js laden! (:
Danach funktioniert das auch wie es soll.