Stack Overflow
Stack Overflow

Questions tagged [jquery-cycle2]

jQuery Cycle2 is a slideshow plugin for jQuery. Designed by the author of the jQuery Cycle plugin, it adds new effects and the ability to create slideshows from HTML, without custom javascript.

jQuery Cycle2 is a slideshow plugin for jQuery. Designed by the author of the , it adds new effects and the ability to create slideshows from HTML, without custom javascript.

syntax

$('.cycle-slideshow').cycle({
  speed: 600,
  manualSpeed: 100
});
222 questions
2
votes
0 answers

Cycle2 carousel plugin not working

I've been trying to implement the carousel plugin from cycle2 but it just doesn't seem to work. even though its an extremely easy code i just don't understand what my problem is. I've used the regular cycle2 plugin using the cycle-slideshow…
shep
  • 513
  • 2
  • 5
  • 17
2
votes
0 answers

jQuery Cycle 2 carousel: Responsive, show images based on viewport

I've created a slideshow using jQuery Cycle 2 and the Carousel plugin. So far so good, everything works as it should, it's even fluid. But I would like it to be responsive as well. I found a script on the official Github by a user, but the thread is…
mat
  • 1,619
  • 1
  • 15
  • 25
2
votes
0 answers

Manually initialising cycle2 - slideCount of undefined

I have a site that uses cycle2. The area that the slideshow is in also has the possibility to be loaded in via AJAX. When this happens, the slideshow stops. As I have read in the documentation for cycle2, this occurs because of the page reload and I…
user1486133
  • 1,309
  • 3
  • 19
  • 37
2
votes
1 answer

Cycle2 Carousel shouldn't change active slide on prev/next action

Photo gallery like here: I'm creating photo gallery of such a kind as in the image. It should have the following option: when clicking next/prev button on thumbnail row thumbs should move by one position but moving the thumbs should not change the…
Olga
  • 23
  • 3
2
votes
0 answers

Cycle 2 Carousel with transition effects

I am using malsup's cycle2 carousel plugin for displaying configurable slideshows containing multiple elements per slide (using carousel-visible option). I would like to be able to use other transition effects than the default one, like fade out for…
user3120901
  • 21
  • 3
2
votes
1 answer

Cycle2 - goto: skipping

Is there a way in Cycle2 to tell when the goto function is being skipped due to it already being on that slide. I have some cases where it could handle and I want to handle this in a proper way, but I can't seem to find any event that's being…
woutr_be
  • 9,532
  • 24
  • 79
  • 129
2
votes
2 answers

Destroy Cycle2 on window resize

I am using http://jquery.malsup.com/cycle2/api/ and I am trying to destroy cycle2 slider on window resize event when I detect mobile device. Unfortunatly it returns the following two errors: [cycle2] slideshow must be initialized before sending…
devjs11
  • 1,898
  • 7
  • 43
  • 73
2
votes
2 answers

Change images in a slide of an image slideshow

I need to change images in a slide of an image slider. Every slide contains two images which will change after 3 seconds. So, the slide comes with the first image, after 3 seconds it changes the first image to the second image and after another 3…
Vucko
  • 20,555
  • 10
  • 56
  • 107
2
votes
2 answers

Load JQuery cycle2 on loaded Ajax content

I'm trying to initiate JQuery cycle on external HTML content loaded in with Ajax, but this doesn't seem to work: $(".container").load("step2.html", function() { $.fn.cycle.defaults.autoSelector = '.cycle-slideshow'; }); the html is…
user2835060
  • 193
  • 2
  • 3
  • 8
2
votes
1 answer

jQuery Cycle 2 Carousel using pager and next / prev links

I've been playing around with Cycle 2 plugin, in particular this example: http://jquery.malsup.com/cycle2/demo/caro-pager.php I've got this locally, and i want to change it so that i have the option if i need to, to have number pagers so i could…
Gerico
  • 5,079
  • 14
  • 44
  • 85
2
votes
1 answer

Is there a way to cancel an event in the jQuery Cycle2 plugin?

My setup looks something like this: $(".slideshow").cycle({ slides: ".slide", timeout: 0, speed: 200, swipe: true }).on("cycle-before", function(e, opts, outgoing, incoming, forwardFlag){ // trying to cancel event here when some…
bummzack
  • 5,805
  • 1
  • 26
  • 45
2
votes
1 answer

Pausing nested slideshows in Cycle2

I have successfully implemented the cycle2 plugin on a couple of slideshows on a site, including one nested slideshow. I have all the simple, obvious stuff working, but am having some trouble with one advanced bit which is over my head. I have one…
OffLead
  • 21
  • 1
2
votes
1 answer

In jquery-cycle2 when using data-cycle-fx="none" I see the previous image beneath the old one before it changes

I have this img slideshow that changes when I click. I would like no effects when the image change, like it used to be in the old jquery-cycle, but instead I get a strange effect of 2 images overlapping each others until the second one finally…
Maurizio In denmark
  • 4,226
  • 2
  • 30
  • 64
2
votes
1 answer

Images not constrained in firefox with bootstrap modal and cycle2

I'm trying to put together a simple slideshow inside a bootstrap modal. I'm using Cycle2 for the image transitions. This is working beautifully in chrome and safari, including mobile devices. The issue is the images are not being constrained to the…
Karl Campbell
  • 325
  • 1
  • 2
  • 8
1
vote
1 answer

How to let text determine height of absolute positioned div

I've got a slider (Cycle2) which is filled with text. Every slide is positioned: absolute; because the slides need to be on top of each other. So position: relative; doesn't work here. The length of the text in the first slide determines how high…
David Hakkert
  • 669
  • 3
  • 10
  • 25
1 2
3
…
14 15