Questions tagged [jquery-cycle]

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It is the predecessor of jQuery Cycle2 plugin, which is recommended for new projects.

Cycle is a plugin for .

The old jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin.

New projects should use the newer jQuery Cycle2 Plugin, which introduces some new plugins and features.

579 questions
2
votes
0 answers

Double-Page-Spread Cycle slideshow

The following code is part of wordpress slideshow jQuery script. Its purpose is to achieve a specific logic in the slideshow where all vertical images are displayed as pairs (like a magazine's double page). function initSlideShow() { //some stuff…
MrArkadin
  • 51
  • 5
2
votes
3 answers

slideshow images using jQuery Cycle Plugin

I am trying to slideshow images using jQuery Cycle Plugin, but it is not working. How to make it runnable. Included scripts
xrcwrn
  • 5,339
  • 17
  • 68
  • 129
2
votes
0 answers

jQuery Cycle + Flickr Call + Image Resize = Resize Not Working

I'm playing with mashing together code for a Flickr JSON feed with jQuery cycle integrated, but need to resize the images to fit the container allowed. I've been messing with this for some time now and I can't seem to wrap my head around what needs…
2
votes
0 answers

Want to animate the first slides of multiple cycles with one pager

I'm using two Cycle slideshows with a single pager and different effects on each slideshow (with the metadata plugin). I would also like to animate the first slide of each slideshow as documented here, but I'm having trouble with the syntax. This…
2
votes
4 answers

How can i grab the source of the background on a div

Possible Duplicate: Get URL from background-image Property I'm using the Cycle Plugin and i want to create a pager/thumbnail. HTML
My Image is on the background of the div. Not…
breezy
  • 1,910
  • 1
  • 18
  • 35
2
votes
1 answer

how to remove a slide in jquery cycle?

I'm using this plugin: jquery cycle I have several slideshows running at the same time, each starts with a logo of a client and the rest of the images are picutres of their work. I would like to remove the logo slide once I'm starting to view the…
Matías Cánepa
  • 5,770
  • 4
  • 57
  • 97
2
votes
1 answer

Add a class to first li if last li contains class with cycle plugin

This fiddle works as intended, when the last li has a class on, the first li gets a class of first. I am trying to use the same principle with the jQuery Cycle plugin. If you have a look at this fiddle you will see that the cycle plugin adds a…
ak85
  • 4,154
  • 18
  • 68
  • 113
2
votes
1 answer

Using multiple jquery cycles with touchwipe (swipe) events for ipad

I've setup the cycle plugin to work multiple times on one page, which is all working fine. I'm trying to add a swipe event though, using the touchwipe plugin, which works fine on a single cycle carousel, but I can't get it to work on the multiples.…
Desmond
  • 1,656
  • 3
  • 22
  • 34
2
votes
1 answer

Variable speed for jQuery Cycle plugin horizontal slider

I'm using jQuery Cycle plugin to create a very simple slideshow. Below the script: $(document).ready(function() { var slideshow = $('#slider').cycle({ fx: 'scrollHorz', speed: 500, timeout: 8000, prev: '#prev', next:…
fireb86
  • 1,723
  • 21
  • 35
2
votes
1 answer

jQuery Cycle Plugin dynamic function

Trying to make this function dynamic instead of static. This was the original code which works $('#goto1').click(function(e) { e.preventDefault(); $('#slider').cycle(1); }); Here is the dynamic function (doesn't work). The alert outputs the…
James
  • 739
  • 7
  • 13
2
votes
1 answer

jquery cycle sync not fading in content on fadeout

So my interpretation of the fadein/fadeout sync is that when the first image starts fading out the second image starts fading in however in my script I have about a second of blank space before the next image starts fading in what is this due to. …
BillPull
  • 6,853
  • 15
  • 60
  • 99
2
votes
1 answer

Using jQuery Cycle on Hover Only

I'm trying to get jQuery Cycle to only run when the slideshow is being hovered (which is the opposite of the functionality that they have built in). Here's where I'm at: http://jsfiddle.net/zSBMU/ $(document).ready(function()…
graygilmore
  • 1,768
  • 1
  • 15
  • 17
2
votes
1 answer

Intermittent positioning issue with a jQuery cycle() slideshow

This occurs intermittently in Chrome, Firefox, and particularly in Safari. Has not been observed in IE. Slideshow appears further from top than it normally does but functions as expected. Happens more often on a hard refresh making it seem like a…
jerrygarciuh
  • 21,158
  • 26
  • 82
  • 139
2
votes
1 answer

Jquery Cycle Plugin and IE - Preloading and re-sizing but, intermittently, image not rendering/re-sizing correctly in IE

Re-sizing images and running jquery cycle plugin (http://www.jquery.malsup.com/cycle/). I am also using a preloader plugin. THE GOAL The goal is to take a number of images (sourced from the cms database), re-size either height or width of each,…
1
vote
2 answers

How to bind an animated element to a slideshow navigation

I have an image slideshow with navigation, with which I want to add an animated element to highlight the active slide, using an arrow graphic which moves to the active slide as the slideshow rotates. I'm using the jQuery Cycle plugin, which adds the…
mmmoustache
  • 2,273
  • 6
  • 41
  • 62