Return to the first "slide" based on an event with jQuery Cycle

Question

I'm using the jQuery Cycle plugin and I can find no way to return to the first slide/image via its documentation.

Is there a way to do this programmatically? For example, say you're on slide 4, and there is a DIV with a jQuery.click() event... how would you bind that event to return you to the first slide?

Switch to [cycle2](http://jquery.malsup.com/cycle2/) may be? — Salman A, Jan 09 '14 at 08:10
I can't use cycle2; I am using something else dependent on cycle. The stop command does not return to the original slide. — daveycroqet, Jan 09 '14 at 08:14

score 2 · Accepted Answer · answered Jan 09 '14 at 08:13

2

You did not look at the demos. Have a look at the Goto demo:

$('#s1').cycle();
$('#goto1').click(function () {
    $('#s1').cycle(0);
    return false;
});

Demo here

I would recommend switching to cycle2 instead. You do not know what you are missing.

answered Jan 09 '14 at 08:13

Salman A

262,204
82
430
521

Thanks, precisely what I was looking for. Not sure why this isn't in the options/API and is referenced only via demo. Next time I'll look harder! And I'll look into cycle2 again but another plugin is dependent on cycle, unfortunately. – daveycroqet Jan 09 '14 at 08:58

score 1 · Answer 2 · answered Jan 09 '14 at 08:16

1

Simply use the goto command. As per cycle2 documentation, this is how I would do it:

//"DIV with a jQuery.click() event"
<div id="go_to_slide_one" ></div>

// goto 1st slide (slides are zero indexed)
$('#go_to_slide_one').click(function() { 
    $('.cycle-slideshow').cycle('goto', 0);
});

answered Jan 09 '14 at 08:16

user1678293

85
1
10

Just read your comment @daveycroqet. If you cannot use cycle2 this wont work. But i'll leave my answer here in case it is of use to somebody else. – user1678293 Jan 09 '14 at 08:21

Return to the first "slide" based on an event with jQuery Cycle

2 Answers2