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
8
votes
1 answer

Cycle2 Initialization events not firing

I'm using Cycle2 for a basic carousel. My slide items sometimes have a url in their data, so I have to use the Cycle2 api events to use that url when it is there. My problem is that while the 'cycle-after' event fires fine, none of the initialize…
iiz
  • 691
  • 1
  • 10
  • 26
5
votes
1 answer

Trigger a height calc - jQuery Cycle2

I've got a page using Cycle2 to run a slideshow with a hide show element to it. It's all working great, except when I expand the slide and close it again, the height goes off. If I slightly resize the window, this will trigger the recalculation and…
Steve de Niese
  • 964
  • 2
  • 10
  • 18
4
votes
5 answers

CSS & javaScript slide animation without jQuery, something similar to jQuery Cycle 2?

I've been using jQuery Cycle 2 now for some years, wondering if there is a way to accomplish most of what this does without the need for jQuery? http://jquery.malsup.com/cycle2/faq/ Here is a basic css fade in / fade out cycle transition. var…
drooh
  • 578
  • 4
  • 18
  • 46
4
votes
2 answers

How to remove Title or Description if empty in jQuery Cycle2 Caption

In my slideshow some slides are without captions, but the styling that i have added, makes Title and Description boxes appear without any text and obviously it seems odd. How can i make the Caption plugin to not show Title/Description if found no…
user2955412
  • 227
  • 3
  • 10
4
votes
0 answers

jquery-cycle2 carousel with multiple slides responsive and centered. Possible?

Is it possible to have "cycle2" to slide multiple items in a carousel centered in the fluid/responsive slideshow?
Paul-Siteway
  • 87
  • 1
  • 10
4
votes
1 answer

Cycle2's scrollHorz doesn't work smoothly on fullscreen images

I'm currently using Cycle2 with scrollHorz on full screen (100% width and height) with background images with their size to 'cover', besides that there are no callbacks or much else on the page so its a very basic slider. I find that when the…
muudless
  • 7,422
  • 7
  • 39
  • 57
4
votes
1 answer

Jquery cycle 2 carousel not working no console errors

It's just not activating at all. I copied the code exactly as it is in the demo page of the plugin, Is there somethign I have missed?
user1937021
  • 10,151
  • 22
  • 81
  • 143
4
votes
3 answers

How to use jquery cycle 2 continuous slider but more than one image?

I am using jquery cycle 2 to get a continuous slideshow effect...http://jquery.malsup.com/cycle2/demo/continuous.php Here is code:
Beginner
  • 28,539
  • 63
  • 155
  • 235
3
votes
2 answers

Horizontally center wide images in container, crop left/right if necessary

I have several images inside a container and I would like the images to be centered horizontally when the browser is resized. Currently, images align with the left edge like left: 0, I want them to overflow outside the left and right edge if…
azhpo
  • 764
  • 3
  • 7
  • 18
3
votes
1 answer

jQuery Cycle2 images not showing in Firefox

I created a cycle 2 slideshow here and it works fine in Chrome and Safari, but the images don't show up in Firefox. Here is the html:
3
votes
3 answers

Cycle2 Carousel active slide in center

I am using Cycle2 with a carousel pager, in the same way as this demo: http://jquery.malsup.com/cycle2/demo/caro-pager.php Currently the active slide in the demo is on the left unless you are on the last few slides. What I would like is: for the…
Sarah
  • 744
  • 2
  • 9
  • 26
3
votes
0 answers

Margin around elements in jQuery Cycle2 carousel

I am using Cycle2 to create a jQuery image carousel which scrolls horizontally. The images are all of uniform height (200px) but have different widths. This is the code used to display the carousel:
…
Chris
  • 135
  • 2
  • 14
3
votes
1 answer

Cycle2 Autostop not working

For a recent project, we are using Cycle2. I've upgraded to the latest version. We are using Sitecore to render content. No matter the approach I take (below), I cannot get autostop to function. We have 2-3 slides per slideshow, and we want it to…
Jeremy
  • 285
  • 3
  • 14
3
votes
1 answer

jquery cycle2 slideshow nested slideshow next and prev buttons

I use cycle2 plugin to display a slideshow comprised of some images and another slide show. The inner slideshow's next and prev buttons does not work for some reason(up and down, in the example) although they are properly set…
Hayri Uğur Koltuk
  • 2,970
  • 4
  • 31
  • 60
3
votes
2 answers

Modify next/prev pager for jQuery Cycle2

I'm using Cycle2 to create a carousel of blog posts. Here is the code I am using successfully
gteh
  • 741
  • 10
  • 17
1
2 3
…
14 15