JQuery :: JQuery.Hoverpulse Effect On Pager In JQuery.Cycle
Nov 14, 2011
I am working on a project using the (brilliant) cycle plugin, here's the scenario: (apologies in advance for bad terminology that may be used)
I have a pager using thumbnail images, the slides contain text, at the moment cycle automatically cycles through the slides. I want each pager thumbnail that corresponds to it's respective slide to grow when active using the hoverpulse plugin.
I am working on a project using the (brilliant) cycle plugin, here's the scenario: (apologies in advance for bad terminology that may be used) I have a pager using thumbnail images, the slides contain text, at the moment cycle automatically cycles through the slides. I want each pager thumbnail that corresponds to it's respective slide to grow when active using the hoverpulse plugin
I have re-styled the tabs of the pager with css so its not orange anymore. Instead the active and the inactive tabs have a background image. What I need to do now is remove the numbers, but I do not know how to. Can someone please tell me how to do so?
Am currently trying to achieve a image cycle with a pager. I have achieved this so far but will try and list what I would like to aim for below:-- I have four images which rotate using cycle- I have pager 1-4 generated- I want each pagination to have a unique image that defines it as a button- Active background triggers a image change on the pager (this image just highlights which image is showing)I hope that helps explain what I have so far - if not ill try and answer your questions as best I can.This is also what I've pulled together so far
Can anyone recommend a way to add a nice scrolling effect to the pager nav? I am using the imagethumbnails example as shown, but if the number of thumbnails exceeds the width of my div, I would like them to nicely scroll into and out of view as the slideshow continues. Perhaps in conjuction with another jQuery plugin?
I'm using the cycle plugin to create a slideshow of highlights. So far I have the slides automatically fading between each other but I'd also like to have thumbnails that when hovered jumps the slideshow to the associated slide. Using pager and pagerEvent I can do this but I don't know how to use my own thumbnails for the pager.
I have a href tag in my pager. When I click on it the slide changes to the ppropriate pager but the I don't get sent to the link even though allowPagerClickBubble is set to true. This works fine when pagerEvent is 'moveover' (as in the exaple posted here) ie. I get sent to the linked page. But it does not work when pagerEvent is the default 'click.cycle'.
I am having an odd error where the pager generates links but they don't change the slide in FF and Safari. The biggest surprise of all is that it actually works in IE. Here is the page I am referring to: http://220.127.116.11/
I've got two sections of my page that I want to remain in sync as they cycle. I think I'm 95% of the way there, but I just can't quite get it to work. The #slideshow cycle works perfectly, as does the pager, but the #descriptions cycle behaves oddly. It hasn't been completely consistent, but usually it'll cycle after the 2nd slide, then never cycle again. This is the case whether or not I click the pager to #2 then back to #1 or if I just let it cycle.
Right, here goes: I'm using a modified "jQuery Cycle Plugin - 'goto' Demo 2 (aka: Poor Man's pager)" implementation of the Cycle plugin, this works fine in FF2+, Op9, Saf3+ and Chrome2 but in IE cycle stops the background- image from repeating! As usual I cannot give out a public link due to NDA but I can give you these two image locations to see the differences: [URL]
Is it possible to use enable different transition effects for auto- advance versus the pager (that is, when a user clicks a pager item)? I'd like very much to use "fade" as images auto-advance without user input, but use a more advanced easing effect if the user clicks an item in the pager.
I have been running the cycle plugin with success for a while, using 3 images, a caption, and a pager area (simple dots). I just added a fourth image/caption. the pager picks up the fourth image, adding a dot. However, it now fades in on transition, then immediately out. no other code changed other than the addition of a fourth image. why this is now malfunctioning?
I have the cycle plugin running, works fine on all but IE7 (not catering to IE6). The pager elements on the right do not appear in IE7. I have tried adjusting the z-index, etc., but can't figure it out.
Also, the caption text transitions in with bolded elements properly appearing, and then they flip to regular text (the whole line of text transitions a bit strangely).
I've successfully managed to implement the JQuery Cycle Plugin with the Shuffle Effect (works in all the latest version browsers) but I can't figure out how to change the direction of the effect. By default the images slide out to the left then back in again to the right (where they disappear beneath the next image). I'd like to change the direction to either. Out to the right, then back in to the left or a vertical variant. I've tried playing around with the animOut and animIn parameters but they seem to have a null effect.
Using the minified jQuery Cycle Lite Plugin (only 3kb) is very very attractive for the project I'm working on. I'm trying to make cuts in load time and 99% of my site would only requires the fade transition, however one area needs the 'scrollUp' effect. How hard would it be to add that effect to the Lite version of the plugin?
Problem: The captions do not effectively cycle. What appears is the first caption from php the_excerpt but it does not change to the next php the_excerpt text. Can I solve this problem so I get the text from php the_excerpt to correspond to each image??