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
3
votes
4 answers

jQuery Cycle - Align images with different dimensions on the right?

I have a slideshow (jquery cycle) that I use for the background of a site. Problem is that I want to align the photos on the right and they have different dimmensions and for some reason the ones who have the smallest widths don't get aligned to the…
Cris
  • 4,004
  • 16
  • 50
  • 74
3
votes
1 answer

jQuery Cycle - img slide not loaded, requeuing slideshow

I'm using jQuery Cycle plugin to create a very simple slideshow: Markup:
3
votes
1 answer

How to fadein an image change with JQuery

I currently have a site that uses the JQuery cycle plugin. The site uses the plugin to change a main background image. The cycle plugin also creates a paging section in the HTML which in my case i've customized to be a set of images. What i am…
Shadi Almosri
  • 11,678
  • 16
  • 58
  • 80
3
votes
4 answers

jQuery Cycle plugin - pause/resume weird behavior

I have a slideshow running with the awesome cycle plugin, and when you click a button in the show, I show a hidden layer on the page and send a 'pause' command to cycle. I'm having two problems: When the pause command is received, cycle immediately…
Eric
  • 5,104
  • 10
  • 41
  • 70
3
votes
2 answers

jQuery cycle slideshow resize problem

On this page I have a splash screen in the middle which is 100% width and it rotates graphical images every 8 sec. I have 3 div inside this slideshow. Main div contains the slideshow , internal div has repeater background image and internal div…
Zeus
  • 3,091
  • 6
  • 47
  • 60
3
votes
1 answer

Best jQuery slideshow plugin with pause/play/next/prev controls?

I've done my homework - I swear, I've been researching this for a bit. I have found two nice options, each with its own particular problem: Option #1: "Supersized" @ http://buildinternet.com/project/supersized/ The problem is that the images become…
Zack Burt
  • 8,257
  • 10
  • 53
  • 81
3
votes
3 answers

How to prevent cycle plugin to autoplay?

Im using cycle plugin and its working well. But the slider keeps sliding and i dont know what option should i use to prevent it autoplay. $('#thumbs').cycle({ fx: 'scrollHorz', prev: '.thumbPrev', next:…
Ramon Vasconcelos
  • 947
  • 3
  • 14
  • 31
3
votes
2 answers

jQuery Cycle2 slideshow thumbnail creation

I'm using the brilliant Cycle2 plugin, and I want to automatically create thumbnails of the images in my slideshow as per this example. However, that example has the img itself as the slide each time. Because of my layout, I need the img to be…
CherryFlavourPez
  • 7,529
  • 5
  • 45
  • 47
3
votes
1 answer

Multiple jQuery Cycle pager navigation

I'm in the process of implementing the jQuery cycle plugin to create 20 image galleries each with their own previous, next, and pager navigation controls without having to create and reference 3 new id names per slideshow and avoid having to create…
negrelja
  • 422
  • 1
  • 7
  • 17
3
votes
3 answers

Is there a way in jQuery Cycle to retrieve a parameter?

Is there a way, in jQuery Cycle, to retrieve a parameter? Example $('#slider').cycle({speed: 750}) How can I, in Javascript/jQuery, retreive the value 750? I tried console.log( $('#slider').cycle.speed ) console.log( $('#slider').cycle.('speed')…
Simon Arnold
  • 15,849
  • 7
  • 67
  • 85
3
votes
2 answers

Using jQuery cycle plugin to cycle through divs

I'm trying to cycle through a few divs that are generated dynamically through wordpress. The divs aren't cycling or sliding no matter what I try and I can't figure out why. The source code currently looks like this:
James
  • 3,233
  • 3
  • 40
  • 57
3
votes
2 answers

jQuery Cycle pagination with current/total slide

I'd like to build a jQuery Cycle slideshow with pagination in the format of "current_slide/total_slides" as seen here I'm assuming I'd use pageAnchorBuilder to show the current and total slide numbers and then onAfter to update the current slide…
Joe B
  • 33
  • 1
  • 3
2
votes
1 answer

Change animation depending if next or previous button is clicked

I'm having problem figuring this out. $('#slider-accueil').cycle({ next:".slider-next", prev:".slider-prev", pager:"#slider-pager", //fx:'scrollHorz', fx: 'custom', cssBefore: { zIndex: 1, opacity:0, …
Fredy31
  • 2,660
  • 6
  • 29
  • 54
2
votes
1 answer

how we can have SlidesJS's Pager to JQuery Cycle

I was trying to design a pager system for my JQuery Cycle. Fortunately, i got this one from JQuery Cycle: http://www.malsup.com/jquery/cycle/div.html Now I would like to have a pager system that looks like http://slidesjs.com/ Can i add SlideJS…
Alex Mathew
  • 1,534
  • 9
  • 31
  • 57
2
votes
1 answer

using jquery cycle plugin, animating elements within the slide after rotation

I've created a slideshow using jquery cycle, and each of the slide divs contain child divs that contain images and text, and was wondering if it's possible to animate the text in one of the child divs after each slide is displayed using 'onAfter'. …
deeholzman
  • 189
  • 1
  • 3
  • 15
1 2
3
38 39