Wednesday, 11 September 2013

jQuery - How do I change view based on mouseOver?

jQuery - How do I change view based on mouseOver?

I made the home page of my site so that when you mouse over the different
service offerings that the related image would also display. However when
Malsup's hosting of Cycle came off github the function was lost.
Here is the code I am using that worked before but no longer works
correctly. The slideshow still cycles through, but the mouseover function
does not work correctly.
<script type="text/javascript">
$(document).ready(function() {
$('#slideshow').cycle({
fx: 'fade',
pager : '#slideshow-nav',
pagerEvent: 'mouseover',
pauseOnPagerHover: true,
speed: 1000,
delay: 3000,
timeout: 9000,
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '.features ul li:eq(' + (idx) + ') a';
},
allowPagerClickBubble: true
});
});
</script>
What changes do I need to make to get it working again?
Thanks.

No comments:

Post a Comment