We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 28456
    • 83 Posts
    I’am working on a modX website and want to use Nivo-Slider to show some photo’s on a photo page.
    Everything works fine exept when i load the photopage then the modX drop down menu is not working anymore. First i have to click the menu again and then it works again.
    Is there a problem with include the jquery-1.4.2.min.js and the jquery-1.3.2.min.js from modX?
    link:
    http://www.pensionalmrausch.nl/index.php?id=56
      • 4310
      • 2,310 Posts
      The MODx menu uses the mootools js library, best to use jQuery in no conflict mode :
      <script type="text/javascript">
                     var $j = jQuery.noConflict();
                     $j(window).load(function() {
      	       $j('#slider').nivoSlider({
      		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
      		slices:15,
      		animSpeed:500,
      		pauseTime:3000,
      		startSlide:0, //Set starting Slide (0 index)
      		directionNav:true, //Next & Prev
      		directionNavHide:true, //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>
      
        • 28456
        • 83 Posts
        In the noconflict mode the slideshow stops working.
          • 4310
          • 2,310 Posts
          I can’t see any call to the jQuery file in the source code. sad
            • 28456
            • 83 Posts
            sorry bunk58 thats because i’am working on a solution on this moment.
            On this moment i use the Cycle Plugin and again it works fine but my drop-down menu not.
            It looks like the same problem i make!
            Please some help.

            stefan

              • 4310
              • 2,310 Posts
              With the cycle plugin try :
              <script type="text/javascript">
              var $j = jQuery.noConflict();
              $j(document).ready(function() {
                  $j('.slideshow').cycle({
              		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
              	});
              });
              </script>

              It’s certainly possible to have both mootools & jQuery running together.
                • 28456
                • 83 Posts
                  • 4310
                  • 2,310 Posts
                  Both the menu & slideshow are working for me smiley
                    • 28456
                    • 83 Posts
                    hmm strange... in Safari both works in Firefox not.
                      • 4310
                      • 2,310 Posts
                      I’m using Firefox and it’s working for me.