JQuery UI in Theme einbinden
Eingetragen von 21cdb (7)
am 25.02.2011 - 12:48 Uhr in
am 25.02.2011 - 12:48 Uhr in
Hallo zusammen,
ich würde gerne folgenden Image Slider in template für die Startseite einbauen.
http://demo.webdeveloperplus.com/featured-content-slider/
Der Slider benötigt Jquery und Jquery UI, die ja beide mit Drupal ausgeliefert werden.
Ich habe nur Erfahrung mit Wordpress, da aber sehr gut, ein neues Projekt verlangt nun nach Drupal 7.
Wie kann man die JQuery Scripte in das Theme einbinden?
- Anmelden oder Registrieren um Kommentare zu schreiben
Indem du einfach die
am 25.02.2011 - 13:22 Uhr
Indem du einfach die entsprechend JS-Files mit einbindest? Wo liegt denn da das Problem?
Wie kann ich denn Dateien im
am 25.02.2011 - 14:16 Uhr
Wie kann ich denn Dateien im head Bereich einbinden?
Ich arbeite mit dem Standard Bartik Theme von Drupal 7 - dort heißt es in der page.tpl.php:
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.tpl.php template normally located in the
* modules/system folder.
Da Drupal beide jQuery Libraries selbst mitbringt, dachte ich es gibt eine besonders einfache Art der Einbindung.
Aber der von dir gewünschte
am 25.02.2011 - 22:00 Uhr
Aber der von dir gewünschte Slider gehört doch nicht zum Standard von jQuery UI, oder? Die normalen jQuery UI-Funktionen kann man mit drupal_add_library aufrufen, aber das wird nicht funktionieren, wenn der Slider nicht zum Standard-Umfang gehört.
JS-Dateien kann man z. B. über drupal_add_js einbinden, evtl. könntest du da mittels Preprocess-Funktion über die template.php gehen, damit das JavaScript entsprechend eingebunden wird.
Oder du kopierst dir das gesamte Bartik-Theme von /themes nach sites/all/themes, benennst den Ordner und die Daten in der bartik.info sowie die Funktionen in der template.php entsprechend um (damit das Theme nicht zweimal existiert) und fügst in diesen Theme-Ordner die html.tpl.php ein. Dann kannst du darin Dinge ändern, die nur Einfluss auf das entsprechende Theme haben.
Ich würde auf jeden Fall den Weg gehen, den Theme-Ordner nach sites/all/themes zu kopieren und entsprechend umzubenennen und dann in der template.php in eine preprocess-Funktion einzugreifen. Denn wenn du die Änderungen einfach so im Bartik-Theme machst, sind sie beim nächsten Core-Update weg.
Wenn du den Ordner kopiert hast, rufst du von dem "neuen" Theme die template.php auf, gleich die erste Funktion ist eine Implementation von theme_preprocess_html, da findest du zum Beispiel ganz unten in der Funktion zwei Zeilen, in denen CSS-Dateien für den IE6 eingebunden werden. Direkt danach könntest du mit drupal_add_js deine JS-Files einbinden.
Drupal bringt zwar jQuery und die UI sowie entsprechende Einbindungs-Möglichkeiten mit, aber damit kannst du ja nichts einbinden, was nicht zur UI gehört.
Ich habe es hinbekommen indem
am 26.03.2011 - 11:19 Uhr
Ich habe es hinbekommen indem ich mich auf JQuery und JQuery UI besinnt habe.
Herzlichen Dank für die ausführlichen Erklärungen und Hinweise!