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