Hi, The pause/resume functions for the cycle plugin isn't working correctly for me, and I haven't found any postings with a similar problem.
ISSUE: Both the pause and resume buttons take the slideshow immediately (with no fade transition) to the first slide and cause the slideshow to stop working. I'm using the simple version of the plugin with only the fade transition effect
Would anyone mind checking out my code?:
MARKUP:
- <div id="billboards-slideshow">
- <div id="billboards" >
- <img src="/images/billboards/img1.jpg">
- <img src="/images/billboards/img2.jpg">
- <img src="/images/billboards/img3.jpg">
- <img src="/images/billboards/img4.jpg">
- <img src="/images/billboards/img5.jpg">
- <img src="/images/billboards/img6.jpg">
- <img src="/images/billboards/img7.jpg">
- </div>
- <div id="billboard-controls"> <div><button id="billboard-previous" class="control"></button></div> <div><button id="billboard-next" class="control"></button></div> <div><button id="billboard-pause" class="control"></button></div> <div><button id="billboard-resume" class="control"></button></div> </div>
- </div>
JAVASCRIPT:
- $(document).ready(function() {
- $('#billboards').cycle({
- timeout: 6000,
- speed: 650,
- next: '#billboard-next',
- prev: '#billboard-previous'
- });
-
- $('#billboard-pause').click(function() {
- $('#billboards').cycle('pause');
- });
-
- $('#billboard-resume').click(function() {
- $('#billboards').cycle('resume');
- });
- });