JQUERY modul einbinden
Eingetragen von linuser (3)am 30.03.2010 - 22:04 Uhr in
Hallo
In Drupal ist ja JQuery schon drin so, aber ich würde gerne folgendes einbinden in ein drupal theme, nur denke ich es beisst sich mit dem drupal jquery.
läßt sich das denoch einbauen ?
Ich habe in der page.tpl folgendes drin
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random',
slices:10,
animSpeed:500,
pauseTime:3000,
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
pauseOnHover:true, //Stop animation while hovering
beforeChange: function(){},
afterChange: function(){}
});
});
</script>sollte ja gehn in der template.tpl
if (drupal_is_front_page()) {
drupal_add_js(drupal_get_path('theme', 'yaml_simple_theme').'/js/jquery.nivo.slider.pack.js', 'theme');
}
if (drupal_is_front_page()) {
drupal_add_js(drupal_get_path('theme', 'yaml_simple_theme').'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js', 'theme');
}Die css klasse für den slider ist auch über die template css eingebunden.
$styles .= '@import "'. base_path() . $base_theme_directory .'/css/nivo-slider.css";' . "\n";so logischerweise dann noch in der page.tpl
<div id="slider">
<img src="images/header_bsplmandant_01.gif" alt="" />
<img src="images/header_bsplmandant_01.gif" alt="" />
<img src="images/header_bsplmandant_01.gif" alt=""/>
<img src="images/header_bsplmandant_01.gif" alt="" />
</div>hat jemand eine idee, ist ein Drupal 6.xx
- Anmelden oder Registrieren um Kommentare zu schreiben
JavaScript in Drupal
am 31.03.2010 - 22:25 Uhr
Hier gibt's ausführliche Anleitungen: