[RESOLU] Deux scripts qui ne fonctionnent pas ensemble

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Deux scripts qui ne fonctionnent pas ensemble

Re: Deux scripts qui ne fonctionnent pas ensemble

par Chile » 02 avr. 2016, 19:32

bon, je viens de supprimer cette ligne

<script type="text/javascript" src="../script/Jjssor/js/jquery-1.9.1.min.js"></script>
et les deux scripts fonctionnent...

Re: Deux scripts qui ne fonctionnent pas ensemble

par Chile » 02 avr. 2016, 19:23

je suis en train de faire des test, et il semble que c'est ces deux lignes qui empeche le script banniere de fonctionner

<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>

Deux scripts qui ne fonctionnent pas ensemble

par Chile » 02 avr. 2016, 14:57

Bonjour,

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 -->