Bitte um Hilfe bei der Einbindung von jQuery in Drupal7
Eingetragen von kaffeeholica (5)am 20.01.2012 - 16:08 Uhr in
Hallo @ all,
Ich möchte folgendes jQuery in einer /localhost:8888/testsite/node/16 nutzen. Ich habe unter /sites/all/themes/zen/template.php mit drupal_add_js und drupal_add_css die Dateipfade gesetzt. Mein Code sieht am Ende der template.php folgendermaßen aus:
drupal_add_js('sites/all/themes/zen/js/jquery.contentcarousel.js', 'file');
drupal_add_js('sites/all/themes/zen/js/jquery.easing.1.3.js', 'file');
drupal_add_js('sites/all/themes/zen/js/jquery.mousewheel.js', 'file');
drupal_add_css('sites/all/themes/zen/css2/style.css', 'file');
drupal_add_css('sites/all/themes/zen/css2/jquery.jscrollpane.css', 'file');
drupal_add_css('sites/all/themes/zen/css2/reset.css', 'file');Die Darstellung des Inhalts und die der CSS klappt. Auch zeigt Firebug mir an, dass die *.js & *.css - Dateien laufen.
Das Problem ist, dass keinerlei Interaktion passiert.
Wäre toll wenn ich einen Tip bekommen könnte. Danke !
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, wie es aussieht
am 20.01.2012 - 16:29 Uhr
Hallo,
wie es aussieht bindest Du schonmal die benötigten Bibliotheken für das Contentcarousel ein. Wenn Du es nur nich vergessen hast zu posten, fehlt jedoch noch der eigentliche jQuery-Aufruf, um das Carousel zu initialisieren. Schau mal zum Beispiel in dieses Tutorial: http://tympanus.net/codrops/2011/08/16/circular-content-carousel/
Gruß,
Sven
SvenLudwig schrieb Schau mal
am 20.01.2012 - 16:51 Uhr
Schau mal zum Beispiel in dieses Tutorial: http://tympanus.net/codrops/2011/08/16/circular-content-carousel/
Danke Sven,
genau dieses Tutorial liegt dem zu Grunde. Ich hab die *.js & *.css anscheint richtig eingebunden, da mir firebug sonst nicht die Dateien anzeigen würde. Das Problem des Aufrufs seh' ich auch. Nur kann ich aus dem Tutorial, was du mir gepostet hast nicht ersehen wie ich den Aufruf an Drupal übergeben kann.
Inline oder separate JS-Datei
am 20.01.2012 - 17:09 Uhr
Nun,
du kannst den jQuery-Aufruf für die Initialisierung auch inline per drupal_add_js oder in einer eigenen Javascript-Datei in Dein Theme einbinden.
Tutorials dazu gibt es zum Beispiel hier: http://forward-media.de/tutorial/javascript-richtig-einbinden-0 oder in der Drupal 7 JS-API Dokumentation.
Gruß,
Sven
sind als seperate JS-Dateien eingebunden
am 20.01.2012 - 20:08 Uhr
Habe die JS-Dateien lokal im Ordner liegen und sie den Anleitungen nach in der template.php eingebunden. Über den Node-Body die Div's wie in der HTML gesetzt und auch mit den dazugehörigen css und image-Dateien verknüpft. Hab die Vermutung, dass ich vielleicht die Ausführung per php noch inde node einleiten muss. Oder muss ich die JS-Dateien noch in der theme.info einbinden? Wenn ich das aus den api's richtig entnommen habe, dann entweder in der template.php oder theme.info?!
Der Aufruf erfolgt wie
am 21.01.2012 - 20:03 Uhr
Der Aufruf erfolgt wie folgt:
JQuery('#ca-container').contentcarousel({// speed for the sliding animation
sliderSpeed : 500,
// easing for the sliding animation
sliderEasing : 'easeOutExpo',
// speed for the item animation (open / close)
itemSpeed : 500,
// easing for the item animation (open / close)
itemEasing : 'easeOutExpo',
// number of items to scroll at a time
scroll : 1
});
Dies kannst du entweder direkt über drupal_add_js() einbinden oder in eine eigene Javascript Datei, die du dann via drupal_add_js ans Ende deiner JS-Sachen "packst".
Wichtig fürs korrekte Funktionieren ist auch die korrekte HTML-Struktur und die Übergabe der korrekten IDs.
SteffenR