jquery-cycle

jQuery Cycle Plugin - Content not cycling

I am setting up a page with jQuery's Cycle plugin and have four divs set to fade. I have the code in place, the images set, but it doesn't cycle properly. Firefox says there is a problem with the following code: <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' }); }); </script> H...

How to get z-index to play nice with the jQuery plugin Cycle

Take a look at the bottom right example on the jQuery Cycle Advanced Demos page. Notice how when it loops the gallery, the next image goes beneath the last, as opposed to others where the next image always covers the previous one? Well, at least in Firefox 3.6.3. I'm developing a custom animation with jQuery cycle that has the same pro...

Need to modify JQuery Cycle updateActivePagerLink option

Hey everyone. I'm creating a simple 3-image slide show, and I'm pretty new to Jquery and Cycle. I have the slideshow working, with 3 pager links that also work. The only thing I need to accomplish is, add "activeSlide" functionality to the currently selected pager image, which I can't do in CSS by simply using the activeSlide class......

Can't get jQuery and IE to be friends

Using jQuery and the Cycle plugin. Runs flawless in Safari, Chrome, Firefox, and the latest version of Opera. Won't run in older versions of Opera, and of course, IE. I know its running Java, because its picking up the rollovers. This is driving me batty. Hopefully its something simple. Here's the code... $(document).ready(function() {...

jQuery Cycle with IF and ELSE statement

I have the following code: $(document).ready(function() { if (!jQuery.browser.msie) { $('.banner').cycle({ fx: 'fade', speed: 1000, timeout: 10000, random: 1 }); } else { $('.banner').cycle({ ...

Changing href attribute on pager elements of the cycle plugin in wordpress

Currently I have created a little slideshow in wordpress using the jQuery Cycle plugin. I have a loop pulling up posts in a category, and a pager that on hover slides through the posts. I want the pager elements to also be links to the pages within the site. One thing I've already done is to wrap the excerpt in an h6 tag within the loop,...

jQuery cycle plugin addslide function with random

Hello, When I attempt to use the random option with the addslide function (here) which progressively adds images to a slideshow after it has been started, I recieve the error: 'next is undefined'. How would I go about having the slides added progressively in a random order? ...

jQuery Cycle Intercepting Clicks

I'm using jquery Cycle to create a featured content slider. In my pager I have an image from each post and a link to the permalink. I can't link to the page, but I hope this image will give an idea of what I am doing: My problem is that when I click the permalinks in the right nav, they do not open. The links are formed properly and ...

jQuery Cycle: Help Building Slideshow Using Pager Thumbnail Links as the SRC for the Slide Images

I have a slideshow using jQuery and the Cycle plugin, and the slideshow uses a list of thumbnails as the "Pager" to control the slideshow. The problem I have is that there are about 30+ large images, and all of them get loaded immediately on page load, so someone with a slow connection has to wait for them to load. Is there any way to ha...

jQuery .cycle() is invisible in Webkit browsers [Safari / Chrome]

I'm using the .cycle() plugin here: http://commonmovement.com/MIP/our-clients.html I'm not sure why the second image does not show up in Safari/Chrome. After you roll over the nav it shows up. After searching this forum and the web, I did not come up with a solution that works. any thoughts? script: <script type="text/javascript"> $...

jQuery.Cycle - use two different effects on same container

Hi there I'm currently using jQuery.Cycle to cycle through a few child <div> tags. However, I want the default cycle fx to be fade, and when I click on the next or prev selectors, I want the cycle fx to temporarily change to scrollRight or scrollLeft depending on the selector clicked. Is this possible? jQuery code, if necessary: $('#...

jQuery Cycle plugin - Automatic height for containers

Hi I'm using the cycle plugin on some divs, like this: <div class="sections"> <div class="Section"> <img /> text </div> <div class="Section"> <img /> text </div> <div class="Section"> <img /> text </div> </div> all the .section divs have variable height, based on their contents. How can I make cycle not to resize the container ...

Using jQuery Cycle plugin to move through DIV tags

I'm redesigning our site and one page I'm trying to build in a rotating carousel of information on the top of the page. It's having no issues on Firefox, but the CSS is all messed up in IE (no background in IE8, no background and page is all messed up in IE8 with IE& compatability turned on). Page is http://redesign.riversidecg.com/servi...

jQuery cycle slideshow resize problem

Sample Link 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 inside that has gradient image. Problem 1. When you try to make the browser sm...

Help need to merge two functions for jquery cycle?

I have two functions I would like to use in my before callback with jquery cycle. One slides the pager over as the user cycles through, and other other centers the image horizontally and vertically inside the containing div. Both work great separately, yet I can seem to get them to work together both on the before callback. I have an exa...

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 flips back to the 1st slide in the sequence (why??), and doesn't hit my before/after cal...

Problem with multiple jQuery slideshows

Basically i'm setting up a page with mutiple slideshows using the jQuery Cycle plugin. Each slideshow('.slideshow') has it own navigation in the form of a pager('.controls'). However everytime i click a pager icon all the slideshows obn the page fade to the next slide. How can I prevent this so that only the slideshow in question has the...

jQuery Cycle - Multiple instances of plugin; onclick does not pause

Hi all, I'm writing my first real bit of jQuery, so bear with me here... What I'm doing is this: Creating 12 instances of the Cycle plugin (the feature is a grid of product images) Within a repeating interval: pausing all instances of cycle, choosing 2 at random, and resuming those. So at any one time, there's only 2 active instances...

Getting jQuery Cycle plugin issue transparant image black border and white background in IE

Demo link Hi, I am getting black border and white background issue inside IE for transparent images when I user jQuery Cycle plugin. So I know this is known issue but I am not able to figure this out. this is what i tried so far : unitpngfix.js did not do the trick cleartype: false (did make paragraph transparent but made the image...

jQuery Cycle: Links within cycled div overlapping each other?

Edit: I figured this out. jQuery Cycle plugin adds a z-index to every item it works through, thus the first item always had the highest z-index, messing up all the links. Removing the z-index functionality from the plugin has fixed it. Hi there, I'm currently building a cycling div using jQuery cycle that has a few inside links. Basica...