I know you can use random multi-effects, but is it possible to specifically choose the fx used for each specific slide/image?Maybe it could be done by getting the class of the 'current' slide somehow? eg.
<div id="slideshow>
<img class="fade" src="image01.jpg">
<img class="fade" src="image02.jpg">
[code]....
I have a page displaying a portfolio of logos, print pubs, websites, etc. When the page originally loads, all items are included in the slideshow. I would like only logo images displaying when the user places the mouse on the logos link.
Example here: [URL]
The jQuery call below works (i.e. the range of the images is limited to only those with class logos) if the menu link to "logos" gets a mouseenter event while the slideshow is showing one of the logo images (class="logos"). However, if the slideshow has progressed to one of the other sections (class="print", web, sign, etc) then the slideshow will not resume.
Below is the jQuery call when a user places their cursor on the logos menu link.
$("a.logos").mouseenter(
function () {
$('.slideshow').cycle('stop').cycle({ slideExpr: 'img.logos' });
$('.slideshow').cycle('resume');
[Code].....
I was hoping someone could lend a hand with a problem I've been having in the office for just over a day now. I'm using Jquery cycle plugin [URL].. to slide between about 10 slides worth of information.
The beauty of Jquery cycle allows me to make a slideshow of only the Divs I have specified as "cycle" class. My problem is that I would love to be able to print each one of the "cycle" class slides using only one print function click.
[Code]...
I know it it a bit of fighting against the idea of jquery cycle, but for the jquery cycle script I need to generate a wrap around every 4 dynamicly created (wordpress posts) div's of the same class, so every slide shows actually 4 dynamic slides at a time.
For example, If the following posts are generated:
It actually needs to generate this:
I've already managed to get this, of which I think i'm getting close:
What to fill in at the for loop to make it work?
I use cycle for a news scroller, the slides do not stay long enough on the screen and I want to slow this down but i can't find out how. I have used delay but it only affects the first slide.
[Code]...
I must preface this question by admitting that I have very limited coding knowledge.I'm hoping the answer is obvious to someone who is proficient with jquery but not myself.
[Code]...
I am using the Cycle Plugin on my website, [URL]. For some reason, and only on IE, when the cycle action occurs there is a clicking sound, like the clicking sound when the user clicks on a page hyperlink. The sound happens before the cycle action starts and when it ends. why this is happening and how can I prevent it from making the clicking sound?
View 3 Replies View RelatedI have a slider set up that navigates fine using 'next' and 'prev' buttons. There are 14 slides and I have 5 buttons at top that I need to point to specific slides in the layout. Content is static and there will always be 14 slides, and the links will always link to the same slide.So I can manually set IDs for those slides and I can also manually designate each link to go to whatever slide... but I'm not sure how to move forward.My existing slider code is very basic:
$("#slider").cycle({
fx: 'scrollHorz',
timeout: 0,
[code]....
So, the slider is working great. I just need to create navigation that allows a few links to point to specific slides here.
With jQuery cycle, is it possible to have more than one slide in the viewable area, and scroll one at a time? For example, assume that each letter below is a slide, and the viewable area is in [brackets] at load time:
[Code]...
Someone kindly produced some code for me so I could get my slides links to link to my other slide page. The thing is I am using the "pagerAnchorBuilder" option on my original slide and I cannot seem to get the new code I was given working with my code on my website. Can someone advise me on how I can get the new code working with thepagerAnchorBuilder.
My Website Code:
New Code:
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??
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]....
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.
<div class="box top"></div>
<div class="box main">
<div class="box header">
<div class="badge"><ul><li class="active"><span>60</span></li></ul></div>
[Code]....
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
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 have this script here. Hope i can paste the code. Please click on the login tab on the right side. The issue is, the tab slides down as well as grows. Please help. It should only slide down, not grow.
View 3 Replies View RelatedIs it possible to use DIVs as slides instead of IMGs?
View 3 Replies View RelatedI'm trying to show multiple slides at once using jQuery Cycle. In most others forums I've seen people get directed to this demo: [URL]
I am to achieve what's there, visually, but I want each slide to move individually; so in the example provided only one slide would move to the left at a time rather than all three.
this is what i like to do. a menu which moves out of the bottom, when the mouse is over the menubar. the whole div-tag(menu) should slide 200px up. when the mouse is moving out of the menu area, it should slide don to starting position.
View 3 Replies View RelatedI have a set up that uses slideDown on a division that is housing a table, and it's height in no explicitly set. In Firefox, slideDown() will slide too far, then jump back to where it should be. In Chrome, this behavior does not happen. I do not want to set a static height, as the contents are dynamically set.
Is there a reason for this issue, and can it be fixed?
I'm tweaking this html form here's the code:[code]Everything works fine but how can I have it so when you click on the trigger (the button.png), the image of only that div slides down. The way it is now, when you click on the trigger, both the images in both divs slide down.
View 2 Replies View RelatedI was looking at the docs and saw this one here: [url]
So I was trying to run the code posted on this doc locally which would be:
And it runs fine, but, my problem is if I save the these files locally:
It wont run anymore.
The modified code looks like this: