cycle - activate misc function on mouseover
Hello,
I'm attempting to combine malsup's Cycle plugin with Jack Moore's zoom plugin. I'm able to get both working just fine on their own. The thing is that I'd like them to work in tandem as such:
- cycle cycles through image by default
- if user mouseovers image, zoom activates
I suppose the more specific question is - how can I add a miscellaneous function to cycle? Here's what I have so far:
<script type="text/javascript">
$(document).ready(function() {
$('.cycle').cycle({
fx: 'fade',
slideExpr: 'img',
pager: '#thumbs',
pauseOnPagerHover: 1,
pagerEvent: 'mouseover',
pagerAnchorBuilder: function(idx, slide) {return '#thumbsspan:eq(' + (idx) + ') i';}
});
$('#photo').zoom();
});
</script>
<div class="cycle zoom" id="photo" style="width:400px;height:600px">
<img width="400" height="600" src="images/1.jpg">
<img width="400" height="600" src="images/2.jpg">
</div>
<span id="thumbs">
<span><i><img src="images/1s.jpg"></i></span>
<span><i><img src="images/2s.jpg"></i></span>
</span>