Coda Slider and Fancybox Conflict
Posted
by
Jings
on Stack Overflow
See other posts from Stack Overflow
or by Jings
Published on 2011-01-08T04:47:56Z
Indexed on
2011/01/08
4:53 UTC
Read the original article
Hit count: 359
Hey there,
i have some issues with Coda Slider and Fancybox. I use Fancybox to load an external Site within an Iframe and Coda Slider is for the Content Slider on the Startpage.
If i have the jquery-easing Plugin called in my Head fpr the Coda Slider, the Fancybox doesn't work. When i delete the link to jquery-easing-1.3 the Coda Slider throws an Exception but the Fancybox works perfectly
Here is some Code:
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/coda-slider.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function(){
$(".book a").fancybox({
'width' : '75%',
'height' : '75%',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
'type' : 'iframe',
'autoscale' : false,
'hideOnOverlayClick' : true
});
$('#coda-slider').codaSlider({
autoSlide: true,
autoSlideInterval: 5500,
autoHeightEaseDuration: 2500,
autoHeightEaseFunction: "easeInOutElastic",
slideEaseDuration: 2500,
slideEaseFunction: "easeInOutElastic",
dynamicArrows: false,
dynamicTabs: false
});
});
</script>
Don't know why this doesn't work as it should :) Hope you Guys know =)
© Stack Overflow or respective owner