I have a container with a few child <div> tags. The default fx should be 'fade', but when I click on the left or right navigational buttons the effect should temporarily change to 'scrollHorz' and after the next slide shows the default fx 'fade' kicks in again. How is this possible, if at all? I have asked on [url] to no avail.
View 5 RepliesI 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??
I have worked with Jquery a bit. I recently used cycle plugin for my images. I can't use any other effect other than fade. The cycle won't respond. Should I include easing to get those effects?
View 2 Replies View RelatedI have tried various things to get this to work in IE, and I'm not sure why it won't work. The shuffle effect works, but not properly. It works in all the other browsers just fine. I've uploaded the code to jsbin here: [URL] I need this solved by the end of the day tomorrow, so if someone wants to take a look at it, please let me know what you think.
View 4 Replies View RelatedI am new to jquery in anycase I have a db with information about the location of pictures, and I want to use that information to create a gallery with transition effects using the cycle plugin. Right now I can get the info that I need into the <img src=""/> using the code I have, the problem is it keeps giving empty values along with the actual values. To check what was happening I included a navigation bar for each picture and even though I should have 3 results in my query, I am getting 5 pages i.e. the extra ones are empty. I want to know if this problem is because of my php or something wrong I have done with the jquery.
The code I have is pretty simple.
<style type="text/css">
.slideshow { height: 210px; width: 210px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; }
#nav a.activeSlide { background: #F90 }
#nav a:focus { outline: none; }
</style>
<script type="text/javascript" src="[URL]"></script>
<script type="text/javascript" src="[URL]"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow')
.before('<div id="nav">')
.cycle({
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
pause: 1,
timeout:0,
pager: '#nav'
});});
</script></head><body>
<? $q = mysql_query("SELECT picture FROM gallery") or die (mysql_error()); while($row = mysql_fetch_array($q)){?>
<div class="slideshow">
<img src="gallery/<?=$row['picture'] ?>" <? } ?> width='200' height='200' />
</div>
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.
View 1 Replies View RelatedI am having an issue with pausing the cycle from links within the cycle. I have set up a cycle that contains a html contentent including a 'video playlist'. This is a javascript based list that updates a flash video player with a new video inside the cycle. The videos are loading fine, but for some reason when i call the cycle 'pause', it dosent work? i have testing the $('#feature').cycle('pause'); from a link outside the cycle and that seems to be working, but it seems to be from the links inside the cycle content. here is the code i am using (i have made a custom crossfade transition)
function feature() {
$('#featuretitle').hide();
$('#feature').after(
'<div id="featurenav"></div>'
[Code]....
So, what I'm trying to do is embed links inside a cycle slide show. Here's an example:
[Code]...
As you can see, I'm using a div tag in place of an image and setting the image as the BG of the div. Then I'm overlaying some text and links on the "slide". When I click the links however, the result is animation invocation rather than link target invocation. The div click event is takingprecedenceover the link click event. Is there a built in handler in the Cycle library to handle this?
I'm using the Cycle plugin to display images for some of my past projects onhttp:[URL]..projekteMy problem is that in Chrome i get the above error in console.([cycle] terminating; zero elements found by selector) I have tried manually initializing the Cycle plugin for every project div and that did not help so I went back to my initial code:
[Code]...
I 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 have seen that it is possible to combine two transitions in one cycle using a click. I would like to combine them directly after each other: a few shuffles and than a curtainX. For giving the feeling of shuffling a deck of cards and afterwards get one.
I tried this:
But the transitions are used random.
I define a cycle in document.ready as per usual. In my cycle I have different sets of images that i want to cycle through and only want certain ones to cycle as selected using the slideExpr option.
Is there a way to change this option from:
SlideExpr: 'a'
To:
SlideExpr: 'b'
Another alternative i've considered is to make a cycle of cycles.
I've worked though a lot of issues trying to get the jQuery cycle plugin working in a relatively complex situation but have hit yet another wall.
Basically, I'm trying to get the jQuery Cycle plugin to cycle through entire divs, each one of which contains yet another slider platform built in jQuery. The first div always displays exactly as it should but when I click to transition, the elements within the second div appear stacked instead of side by side on the slider as they should. I've tried modifying the CSS in every way I can think of to prevent this, but so far, no dice.
I'm not sure whether its an element of the CSS for the second slider platform (wp e-commerce product slider) or one of the two platforms themselves. One thing I did notice was that one of the inner slider divs "gallery_slider" is automatically being set to 90px wide which is way too thin, but I can't seem to figure out how to override this if that is actually the problem.
You can check out the site that I'm trying to implement this on at [url]. The trigger to change the slider div is under "Men's">"Cloth Belts".
I'm a bit new to jQuery but am loving it so far.. especially the cycle plugin. I have a strange problem that I've not been able to find the solution to anywhere else. Everything works just fine with the exception of one issue thats causing me problem. I'm using cycle to control 3 different fading animations on my page. On 2 of the animations I'd like to pause cycle after the image fades out for a few seconds but before cycle fades the next image in. The catch is that I want the timing to be different for each pause before the next cycle begins.
The goal is for#hpcontent,#hphead,#hpfade3to fade out all at the same time. Then for#hphead to pause for 2 seconds before it fades in the next random image, and#hpfade3to pause for 3 seconds before it fades in the next random image
[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]
New to the forum. I have a problem with the Cycle plugin. Actually, it works great, but the paragraphs I am cycling aren't formatted according to my CSS. What am I doing wrong? View at [URL]..
View 1 Replies View RelatedVia Textpattern I am trying to create a vertical scroll of text on this page, bottom left below the html marquee I am trying to supersede:[URL]... It simply shows all my text without scrolling. Anyone have any clues as to what I might be doing wrong?
View 2 Replies View RelatedI am new here and I seached vor problems with IE7 and JQuery Cycle Plugin but haven't found anything helpful for me. My problem: I almost copied the demo skript from [URL]...and changed it to my local folders using Dreamweaver (not laughing, I
am not a professional programmer). In Dreamweaver live-view it works perfekt. So it does in Mozilla and Opera. But not in IE. There I can just see my 3 test-pictures beneath each other but no funktionality.
[Code]...
I'm using a simple fade slideshow of 5 images on my site's home page. This works fine in everything except IE6 and IE7. In these browsers, all of the images are displayed at the same time one right after another. The slideshow does not cycle...it is static images.
Here's my site: [url]
I'm trying to use the great plugins from Malsup [URL], Corner and Cycle to make a simple fade transition slideshow from 5 images with 30 px right rounded corners - However, I cannot get both plugins to work at the same time; is it even possible?
Code example:
<html>
<head>
<style type="text/css">
#slideshow{
width: 720px;
[Code]....
I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and CSS. Can any of you see where my conflict is?Also since then I added this css to the index file and got images to come together but transition does not happen:
#myslides {
width: 605px;
height: 200px;
[code]....
Is there a way to set the Cycle prev/next hover controls to always be on. In other words, I don't want my users to have to hover over the photo to see the prev/next button controls.
View 3 Replies View RelatedTried to install cycle plugin to Joomla 1.6.3 but I keep getting the installation error:"Cannot find xml setup file"
Using Joomla backend Admin/extension manager/upload package file.
does anyone know if we have someway to validate the cycle init? i mean ... can i have a callback function like onSuccess ? or maybe isReady where i can do more stuff after cycle is ready??
View 1 Replies View RelatedI'm using the cycle plugin to crossfade a series of images that need to be transparent png files. I've got the png fix working, but in IE I can't get the images behind the first image to hide until called.
I've tried setting the display: none,-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)", and filter: alpha(opacity=50), which works to hid them initially, but when they fade into 100% they disappear.
Of course this is only an IE issue, firefox and safari are fine.
check out the site: [url]
Is it possible to show more than one item with cycle plugin.
For example, if we have something like:
<ul>
<li id='1'>
<li id='2'>
<li id='3'>
[Code]....
I'd like li's 2 and 3 to be shown at the same time.