We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 29201
    • 239 Posts
    I’ve several other posts related to jquery and Quick Manager conflicts but I still can get my site to work properly.

    When I’m logged into the manager my page appears like this:

    http://cl.ly/2Q3P2A0W3i2r1o3v3a1X

    with two image carousels not working at all. Of course this goes away when not logged in as you can see here: http://158surfandskate.com/index.php

    But I need this working.

    So I’m wondering if you can help me fix this up.

    I’m copying in my javascript code here:
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/Rotterdam_500.font.js" type="text/javascript"></script>
    <script src="js/SlabTallX_500.font.js" type="text/javascript"></script>
    <script src="js/Slabmedium_500.font.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/stepcarousel.js"></script>
    <script type="text/javascript" src="js/tabcontent.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript">
    
    stepcarousel.setup({
    	galleryid: 'mygallery', //id of carousel DIV
    	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    	panelclass: 'panel', //class of panel DIVs each holding content
    	autostep: {enable:false, moveby:1, pause:3000},
    	panelbehavior: {speed:500, wraparound:false, persist:true},
    	defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/slideshow_arrow2.png', 30, 200], 
    	rightnav: ['images/slideshow_arrow1.png', -50, 200]},
    	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
    })
    
    </script>
    
    <script type="text/javascript">
    
    stepcarousel.setup({
    	galleryid: 'mygallery2', //id of carousel DIV
    	beltclass: 'belt2', //class of inner "belt" DIV containing all the panel DIVs
    	panelclass: 'panel2', //class of panel DIVs each holding content
    	autostep: {enable:true, moveby:1, pause:3000},
    	panelbehavior: {speed:500, wraparound:false, persist:true},
    	defaultbuttons: {enable: true, moveby: 1, 
    	leftnav: ['images/slideshow_arrow3.png', -50, -5], 
    	rightnav: ['images/slideshow_arrow4.png', 20, -5]},
    	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
    })
    
    </script>
    

      • 21257 MODX Staff
      • 730 Posts
      Have you
      * set "Load jQuery in front-end" to false
      * played with "jQuery noConflict mode in front-end"
      on the plugin’s configuration tab?
        Mike Schell
        Lead Developer, MODX Cloud
        Email: [email protected]
        GitHub: https://github.com/netProphET/
        Twitter: @mkschell
        • 29201
        • 239 Posts
        Quote from: netProphET at Jan 12, 2011, 09:52 PM

        Have you
        * set "Load jQuery in front-end" to false


        Yeah net ProphET ! This did it! I had tried this but before I believe but neglected to hit the "Update parameter display" button. I was just hitting Save.

        Thank you!