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?
View 2 RepliesI noticed that image anchors do not work when using the lite version of jQuery Cycle(jquery.cycle.lite.min.js) . I am referring to this example: [URL]
I copied all the code from the example and couldn't get it to work, out of desperation I switched to using jquery.cycle.all.js and the anchors instantly began working. It seems the lite version only drops the opacity on inactive slides, because clicking any slide uses the anchor href from slide 1.
EDIT: Just tested with the other versions of Cycle, and found all the other versions of cycle work flawlessly.. curious :
jquery.cycle.min.js *works*
jquery.cycle.all.js *works*
jquery.cycle.all.min.js *works*
jquery.cycle.lite.js *fails*
jquery.cycle.lite.min.js *fails*
[URL]
I am using the awesome malsup cycle plugin, but it seems like the sync: true option isn't working 100% synchronous. If I activate the sync option and let exactly the same images fade, a short opacity effect occurs.
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
sync: true,
speed: 1000,
timeout: 4000
});});
<div class="slideshow">
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
</div>
I would like to fade some images with only few differences, and for the user it should look like only those few parts of the image change.
I need todo the following: (Fade imgs 1-17 then fadeZoom img 18 ) loop this
View 7 Replies View Relatedi'm having a small problem with getting the captions to display from a slideshow... i've got multiple slideshows on the page which i guess could be causing the problem... i'm not getting any errors, but no caption is being displayed... here is a section of my html....
<script>
$(document).ready(function() {
$('#cat_slide1').cycle({
fx: 'scrollHorz',
timeout: 0,
next: '#next1', prev: '#prev1',
[Code]...
I have a Cycle Plugin carousel of 20 product thumbs split into 4 slides of 5 thumb images each slide. This scrolls horizontally forwards and backwards with left/right navigation. This carousel is situated below the products being displayed. The user can navigate forwards and backward through these 4 slides, however, when they pick a product to look at the carousel always resets itself back to the first slide. How can I set it so that when an image in one of the 4 slides is clicked and we move to that product's page, that slide stays active when the page loads? It's annoying to have to scroll back through the 4 slides to find the one that had the active product on it.
View 17 Replies View RelatedI am using the jquery cycle plugin for a fade in/out content gallery for a site's news section - you can see it at: [URL] under the News & Articles section. The plugin works perfectly in Firefox, but I am seeing a white background in IE. Does anyone know how to fix this? It looks like it's an opacity issue. Here is my cycle code:
[Code]....
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?
View 1 Replies View RelatedI 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 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?
View 8 Replies View RelatedI have a little problem with the slideshow, the scrollLeft effect is activated on rollover, but, it is quite slow, and it give me the sensation that the slideshow begins with the "pause".
[Code]...
Im trying to use the onAfter effect like in this demo: [URL]
Here is my site: [URL]
How do I use the onAfter effect? Do I call another function or write the css to hide the buttons all in one place?
malsup has kindly created this progressbar but hasn't explained how to implement it into his cycle plugin. [URL] I am trying to get the progressbar to reset if the user clicks next/previous slide. what I am using:
[Code]....
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.
View 1 Replies View RelatedI am working with MODx CMS. Following website: Carlindesign I integrated the cycle plugin on the home. It works but after the cycle is done the cycle call shows up instead of the next cycle.
View 2 Replies View RelatedI'm using Cycle Lite in two places on this site, to rotate through the testimonials on the homepage, and to step through the photos on the contact page with prev next links. The contact page works fine, but the homepage is not working at all in IE. I tried adding overflow: hidden to the container, but all that does is stop the extra content from spilling out over the rest of the page. But still no cycling. The site is [URL]
View 2 Replies View Relatedphoto1.gif fades in as expected, then fades to photo2.gif, but then nothing else happens.
$(function() {
$('#slideshow img:first').fadeIn(1000, function() {
$('#slideshow').cycle();
});
[Code].....
I have successfully implemented the jquery cycle plugin, but on some machines we see poor performance. We are trying to implement the lite version and perform other optimizations in an effort to improve performance on older machines. Many functions of the cycle plugin we can go without, but one important feature is the ability to run a function once the cycle is finished. We accomplish this via "nowrap" and "end" without issue using the full plugin, but I believe these options to be missing from the lite as the function does not execute upon cycle end.
The first part of this topic is to determine (since there is no list of features available in the lite versus full) that the nowrap/end are not available in lite.If they are not available, we would like assistance in performing a simple function to redirect the user when the cycle ends. We are using the cycle plugin to create a "splash" page and we want the page to auto-redirect to the main page upon completion. The "end" function did this perfectly, so what options do we have to redirect the user without the "end" function?
I have two questions regarding JQuery Cycle
How to add 'slideHorz' transition and 'pager' options in JQuery Cycle Lite?I don't want to use the full version of JQuery Cycle because it would be too much for my purpose.
Also,Is that possible to use our own thumbnail as the anchor?
thereI have used two jQuery plugins on one html page - Cycle Lite and Lightbox. However, I can only get one plugin to work at one time. With the following code, Cycle Lite works but Lightbox doesn't.
[Code]...
I installed the jquery.cycle.lite plugin and uploaded everything to where it is supposed to be but my images do not seem to cycle.
Here is the sample page: h[URL]
I am looking to see if I can get it to work like: [URL]
I have yet to be able to do this successfully. I am using the Cycle Plugin to cycle through a series of images and corresponding caption. To show the images, I use:
<div id="cycle-container">
<?php query_posts("cat=38&showposts=2"); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="http://www.website.com/uploads/<?php echo get_post_meta($post->ID, 'Image', true); ?>" alt="Icon [Code]...
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??
downloaded and installed the cycle .jquery.cycle.all.2.74.js and jquery.cycle.min.js and set up the code like on the example:
<head>
<style type="text/css">
.slideshow { margin: 0px 50px 0px 0px;
width: 713px;
height: 478px;
position: relative;
[Code]...
I also found it worked better if I put the class styles in the head and not on a separate CSS file. Any thoughts to what's wrong?
I've had a look at some pages that contains the Malsup's Cycle slideshow plugin with FIREFOX 4, any is working.
View 3 Replies View RelatedI'm trying to do a goto thing with the cycle plugin. I've succeeded with the same thing before. The only thing that happens now is that it goes to the first index/restarts.
$('#id').cycle(n); always gets me the first slide. I've checked that the n value is a number/integer. The only thing I can come up with is some kind of conflict.I'm also using jcarousel but when I deactivate that it's the same problem.
Does anybody have clue about what might be going on? Or maybe how to troubleshoot?
Regarding a previous post of mine: jquery-cycle-plugin-24-12-2010 I seem to have a problem using the Malsup Image Cycle where the images suddenly appear shrunken. It appears to only affect me when using ASP.NET with site.master pages the problem doesn't occur every time just occassionally. I tried recreating the glitch outside of ASP.NET (simply using HTML, CSS etc......) but it worked fine. I will soon try and recreate the problem in a sample ASP.NET project and post the code on this thread as soon as it's ready.
[Code]...