Je viens d'intégrer un script à ma page, qui fonctionne bien, mais qui du coup fait dysfonctionner un sript déja présent.
Voici mes deux scripts. Le dernier ajouté est le script carroussel.
Ces 2 scripts sont entre les balises body.
Si quelqu'un peut m'aider ou m'orienter. Merci.
- <!-- script banniere -->
<script>
jQuery(function() {
jQuery('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
skin: 'opportune',
responsive:true,
autoPlay:10,
width: 1250,
height: 284,
circleRadius:8,
circleLineWidth:4,
circleColor: "#ffffff", //849ef3
circleAlpha: 50,
behindCircleColor: "#000000",
behindCircleAlpha: 20,
fadeSlides:false,
showBottomNav:false,
thumbsWrapperMarginTop:30
});
});
</script>
<!-- fin script banniere -->
<!-- script caroussel -->
<script type="text/javascript" src="../script/Jjssor/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../script/Jjssor/js/jssor.slider.mini.js"></script>
<!-- use jssor.slider.debug.js instead for debug -->
<script>
jQuery(document).ready(function ($) {
var jssor_1_options = {
$AutoPlay: true,
$AutoPlaySteps: 4,
$SlideDuration: 160,
$SlideWidth: 200,
$SlideSpacing: 3,
$Cols: 4,
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$,
$Steps: 4
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$,
$SpacingX: 1,
$SpacingY: 1
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizing
function ScaleSlider() {
var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
if (refSize) {
refSize = Math.min(refSize, 809);
jssor_1_slider.$ScaleWidth(refSize);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
});
</script>
<!-- fin script caroussel -->