JQuery :: Cycle Plugin - Setup Multiple Containers With Same Options?
Sep 6, 2007
Playing with the wonderful Cycle plugin. Rather than using container ID's and having specific options for each, I want to use the same settings for multiple containers of the same class. In other words, rather than:
$('div#containerName').cycle({
fx: 'scrollHorz',
speed: 'slow',
timeout: 0,
[code]....
View 5 Replies
ADVERTISEMENT
Jul 17, 2011
Using Jquery Cycle Plugin i have multiple containers on the same page. they have a next and prev button. the problem is, when i click the next button it will cause the containers on the pageadvance simultaneously, same goes for the previous button. it works fine when i click just on the images (they will go to the next image) but not with the prev. and next. button. i know i have to add some kind of var. to it. and i tried it but with no luck.
Here is my code.
$('div[id^=slide]').each(function(index) {
$('#slide'+ (index+1)).cycle({
fx: 'fade',
speed: 'fast',
[Code].....
View 1 Replies
View Related
Aug 14, 2009
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.
View 4 Replies
View Related
Aug 31, 2009
I'm somewhat new to jQuery and writing jQuery plugins, but I'm trying to find a way to be able to have seperate instances of a jQuery plugin with different options.So far, the tutorials I've come across can allow multiple instaces, but the options are not independent.This is the framework I've constructed:
Code JavaScript:
(function($){
$.fn.myplugin = function(options){
[code]....
View 7 Replies
View Related
Jul 18, 2011
I came across a problem with multiselect plugin(we have multiple options with checkboxes in drop down). If there are two absolute divs in different panels, when we open the multiselect, it hides behinds the second div. May be its because of the nature of z-index in IE.
View 1 Replies
View Related
Sep 21, 2010
I've been using the jQuery Cycle Plugin now for a variety of clients and feel pretty comfortable with implementing it and how it works. I rarely have any difficulties and it always seems to shave time off my projects. Its really is an awesome plugin that I am extremely grateful for. That being said I'm having a little difficulty with a more involved implementation on a personal project. [URL]. The plugin is working correctly - but not ideally.
Each image and title you see is a callout for a blog post. The posts are automatically added by calling the WordPress theme's "loop" - a PHP function loading the information and images from the last several posts written - then it displays each post's featured images, titles, and other info inside divs labeled "post". Afterward, the jQuery cycle plugin uses all the "post" div's to create a great user-interactive recent blog-post slider - using (my favorite) vertScroll effects.
What I'm looking for is a way to display 2-3 posts at a time instead of just 1. I've seen people have 2-3 images displaying per scroll by adding two-three images into a div - and then having that div (with more divs) cycle. What prevents me from doing something like that here is the fact that the list of blog-posts is dynamically populated by PHP. There isn't a way (I know of) to insert a </div> after 2-3 posts and then open a new <div> for the next 2-3 so that the cycle plugin knows where to stop the scroll content.
View 4 Replies
View Related
Apr 15, 2010
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.
[Code]...
View 6 Replies
View Related
Jul 14, 2011
I'm a javascript rookie trying to figure out a way to get bookmarkable URLS for the images on a single page with multiple slideshows. I must admit I don't really understand the first part of the code on the Cycle demo page for this, which only works for a page with one slideshow:
While I'm shopping for a little guidance, it would also be really cool if the hash tags were semantic somehow with respect to each slideshow e.g.:
[url]
[url]
[url]
View 2 Replies
View Related
Jun 23, 2011
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??
View 1 Replies
View Related
Oct 6, 2010
How do i animate10-15 divs without using 10-15 animate methods?
View 1 Replies
View Related
Jul 21, 2009
I 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]....
View 2 Replies
View Related
Feb 21, 2011
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]...
View 4 Replies
View Related
Jun 30, 2011
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".
View 6 Replies
View Related
Dec 1, 2010
Basically there are 2 elements on the target page that I would like to load into the calling page, but I would like to do it without making 2 calls to the page if possible.
View 11 Replies
View Related
Jun 1, 2009
I cant get the easing plugin to work with cycle plugin
1. does cycle 2.65 work with easing 1.3
2. does easing work on the scrollHorz
3. if both of these are true then what am i doing wrong
$('#slideshow').cycle({
View 1 Replies
View Related
Aug 26, 2010
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]...
View 3 Replies
View Related
Feb 12, 2011
I am using the Cascade Plugin: [url]
On the plugin page it says: Simple Ajax (in ext) Passes selected value of parent select to url as 'val=', but accepts the full ajax options hash so you can append other data as well
What is the Full Ajax Options Hash?
I tried to use it as follows:
Copy code
All changes I try do not work ... But it seems to be possible so ...
View 3 Replies
View Related
Jun 17, 2011
Is it possible to add additional data to the forms plugin options before submitting an ajax form, this would be only setting the data option after setting the main submit options previously in an object?
View 3 Replies
View Related
Oct 18, 2010
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 Related
Jun 8, 2009
I 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]...
View 2 Replies
View Related
Apr 14, 2011
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]....
View 1 Replies
View Related
Jun 30, 2011
I'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]
View 1 Replies
View Related
Feb 19, 2009
I'm trying to load the Cycle plugin with a JSON feed from Picasa.Everything is pulling in from Picasa just fine. I can copy the exact HTML that it generates and paste it into my code and reload, and it works fine, but not when it is dynamically added via Javascript.URL...Here is my javascript code that pulls in the feed from Picasa and then initializes Cycle. I also automatically generate the thumbnails for the pager here too. Does Cycle read from the raw html rather than from generated html? [code]
View 3 Replies
View Related
Nov 21, 2011
I'm using th ejquery cycle to dispaly testimonials on a store page with an ssl connection. The problem is that when I call the script from [URL] I've tryed using the script directly on the page without calling it from the hithub slink, but no luck. how can the cycle plugin can be used without having the browser turn on the security warnings?
View 2 Replies
View Related
Oct 8, 2009
I am currently developing a site for a client which uses the JQuery cycle plugin to move through a number of divs which contain pictures and info about wedding dresses. All works fine in Firefox, but when I test in IE6 + IE7 the divs are all stacked on top of each other vertically and they soan right down the screen for 1000's of pixels. To me it seems like this is a problem with absolute/relative positioning or the z-index, I have also used a few floats in the child divs. I am also using SIFR for text replacement, could this be conflicting? Here is my code, can anyone see a problem that would cause my cycle not to work in IE.?
--------------
XHTML
--------------
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[Code].....
View 2 Replies
View Related
Jun 29, 2008
Does anyone have a link to an example where they are combining the excellent Cycle plug-in with a lightbox type modal display? I'd like to be able to present the slides in Cycle, then let the user click a slide to see the larger image in a lightbox (or similar) presentation.
View 1 Replies
View Related