• Hello,

    I’m developing a theme in which my html file uses the Coda Slider and works fine. My problem is that I need install FancyBox and it won’t work. I discovered the problem is that JQuery is being accessed through Coda Slider and FancyBox. So after some research I found that I need to make Coda Slider load JQuery through WP using wp_register_script. The problem is, Coda Slider is not loading, though FancyBox is.

    The code I’ve in my original html file is:

    <script type="text/javascript" src="<?php bloginfo('template_directory') ?>/scripts/jquery-1.3.2.min.js"></script>
    		<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/scripts/jquery.easing.1.3.js"></script>
    		<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/scripts/jquery.coda-slider-2.0.js"></script>
                   <script type="text/javascript">
                $().ready(function() {
                    $('#coda-slider-1').codaSlider();
                    $('#coda-slider-2').codaSlider({
                        dynamicArrows: false,
    					dynamicTabs: false,
                        autoSlide: true,
                        autoSlideInterval: 4000,
                        autoSlideStopWhenClicked: true
                    });
                    $('#coda-slider-3').codaSlider();
                    $('#coda-slider-4').codaSlider();
    				$('#coda-slider-5').codaSlider({
    					dynamicArrows: false,
    					dynamicTabs: false
    				});
    				$('#coda-slider-6').codaSlider({
                    	crossLinking: false,
    					firstPanelToLoad: 3
    				});
    				$('#coda-slider-7').codaSlider({
    					autoHeightEaseDuration: 300,
    					autoHeightEaseFunction: "easeInOutExpo",
    					slideEaseDuration: 300,
    					slideEaseFunction: "easeInOutExpo"
    				});
    				$('#coda-slider-8').codaSlider({
    					autoHeightEaseDuration: 2500,
    					autoHeightEaseFunction: "easeInOutElastic",
    					slideEaseDuration: 2500,
    					slideEaseFunction: "easeInOutElastic"
    				});
                	$('#coda-slider-9').codaSlider({
    					dynamicArrows: false
    				});
                });
             </script>

    How can I make Coda Slider load using the wp_register_script tag?

    Many thanks!

    Wagner

  • The topic ‘Help with JS and Fancybox’ is closed to new replies.