bxslider et nivoslider sur une même page?
Bonjour à tous les zéros,
Je suis en train de faire une boutique Prestashop (version 1.4.7). J'ai un slider utilisant nivoslider en haut de page pour promouvoir mes produits et je voudrais ajouter un slider utilisant bxslider en dessous pour mettre des images produits en situation.
Problème : le deuxième ne fonctionne pas.
Je suis un grand bidouilleur mais je ne connais pas javascript. Et après y avoir passer la soirée à chercher, je vous demande de l'aide svp. Voici les éléments :
Le code du module nivoslider :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
| {if $page_name == 'index'}
{literal}
<!-- piscesslider -->
<script type="text/javascript" src="{/literal}{$this_path}{literal}js/jquery.nivo.slider.pack.js"></script>
<div id="slide_holder">
<div id="slider">
{/literal}
{foreach from=$xml->link item=home_link name=links}
{literal}
<a href='{/literal}{$home_link->url}{literal}'><img src='{/literal}{$this_path}{$home_link->img}{literal}'alt="" title="{/literal}{$home_link->desc}{literal}" /></a>
{/literal}
{/foreach}
{literal}
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:9,
animSpeed:500, //Slide transition speed
pauseTime:5000,
startSlide:0, //Set starting Slide (0 index)
directionNav:false, //Next & Prev
directionNavHide:false, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
<!-- /piscesslider -->
{/literal}
{/if} |
Le code bxslider :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
| <!-- Module HomeSlider -->
<div id="conteneur-homeslider">
{if isset($homeslider)}
{literal}
<script type="text/javascript">
$(document).ready(function(){
var homeslider_loop = true;
var homeslider_speed = {/literal}{$homeslider.speed}{literal};
var homeslider_pause = {/literal}{$homeslider.pause}{literal};
if (!homeslider_speed == undefined)
var homeslider_speed = 300;
if (!homeslider_pause == undefined)
var homeslider_pause = 6000;
$('#homeslider').bxSlider({
infiniteLoop: true,
hideControlOnEnd: true,
pager: true,
autoHover: true,
auto: true,
speed: homeslider_speed,
pause: homeslider_pause
});
});
</script>
{/literal}
{/if}
{if isset($homeslider_slides)}
<ul id="homeslider">
{foreach from=$homeslider_slides item=slide}
{if $slide.active}
<li><img src="modules/homeslider/images/{$slide.image}" alt="{$slide.legend}" height="{$homeslider.height}" width="{$homeslider.width}"></li>
{/if}
{/foreach}
</ul>
{/if}
</div>
<!-- /Module HomeSlider --> |
J'ai vu à droite à gauche au fil de mes recherches que la console pouvait nous aider à trouver les erreurs. Voici ce que me dit la console (c'est du chinois) :
Uncaught TypeError: Object #<Object> has no method 'result'
Des idées??
Merci d'avance pour votre aide
Cordialement