Help with JS and Fancybox
-
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.