In "Cycle" plugin, cannot get "Previous" and "next" buttons to work
Hi there,
As title says, I cannot get Previous and Next buttons to work. Cycle Plugin works, but only when click on images to scroll thru.
Here is my code:
HTML:
<div id="right" class="slideshow">
<img class="review" src="../img/reviews1.png" width="100%" height="100%" />
<img class="review" src="../img/reviews2.png" width="100%" height="100%" />
<img class="review" src="../img/reviews3.png" width="100%" height="100%" />
<img class="review" src="../img/reviews4.png" width="100%" height="100%" />
<img class="review" src="../img/reviews5.png" width="100%" height="100%" />
<a href="http://www.archivision.com/educational/reviews.html" target="_blank"><img class="review2" src="../img/reviewsLink.png" width="100%" height="100%"></a>
</div>
<p id="next">NEXT</p>
<p id="previous">PREVIOUS</p>
(NOTE: Have tried putting #previous and #next inside .slideshow div as well, same results)
JS:
$(document).ready(function() {
$('#right').cycle({
fx: 'turnUp',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev'
});
/*$('#right').cycle({
fx: 'turnUp',
next: '#right',
timeout: 0,
});*/
});
(NOTE: unbolded code is commented out, but when used Cycle works in 'standard" mode - if click on image it scrolls to next one - right now, as you can see, it does nothing)
Here is page:
http://archivision.com/educational/index%28exp%29.html
Scroll down to bottom of page, to box that says "PROFESSIONAL PHOTOGRAPHS
FOR IMAGE-BASED COURSE." This is where plugin is used.
Anyone have any ideas what I might be doing wrong? I imagine it's something obvious, but damned if I know. Please help. I'm running out of hair to pull out!
Thanks in advance