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've set up a portfolio using the Cycle Plugin. It works great, but now I want to link directly to one of the slides from the home page, and I'm not sure how to make this work or where to even begin. Here is a page on my site with a slideshow using Cycle. (I'm actually transitioning divs, not just images) [URL].
View 1 Replies View RelatedI 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 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 RelatedThe code executes nicely in the site and the pictures/text show up where and how they should - It's just that I'm also getting some code as a slide!
In the <head> I have:
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 8000;
$(function() {
$('#contentLeft pre code').each(function() {
[Code].....
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]....
Does anyone know how to disable a slide or skip one based on some dynamic piece of information? For example, I want to skip a particular slide based on the time of day.
View 4 Replies View RelatedThis is the code i'm using :
function ajaxpage(url, containerid) {
var $container= $('#' + containerid);
$container.hide().load(url, function() {
[code]....
How do I set up the cycle plugin to only change slides when a refresh is done?
View 1 Replies View RelatedI'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.
I'm using the jquery cycle plugin. the entire page is a slide show. Its working pretty well so far but now i want the body background to change as the slide changes.Is there someway to us .live() to catch the event, and then dynamically change the body background?
View 2 Replies View Relatedi am using jquery cycle plugin to show radio button in every slide, i want that user must select atleast one radio button before going to next cycle. how can i do this, i added the code. I tried adding validation in prevNextClick: method, and returning false there, but still it goes to next slide. how can i stop going to next slide if no option is selected
View 1 Replies View RelatedI need todo the following: (Fade imgs 1-17 then fadeZoom img 18 ) loop this
View 7 Replies View RelatedI would like to link each image in the cycle to a specific page.I got it to cycle and everything is working fine. I just want it so that the actual image is clickable.
View 2 Replies View RelatedI'm currently usingMalsup's Cycle plugin. I am just wondering is it possible to have cycle plugin return the index number of the currently displayed slide? I want to change the content of the page when a specific slide is active. Don't know how to achieve that..
View 1 Replies View RelatedI'm testing out the cycle plugin, I wanted to have it so the slideshow would pause on hovering over both the pagination links and the image. With the below code right now only the bottom slideshow pauses on hovering over the links but does not pause on hovering over the images as the top slideshow does. I seem to be running into problems combining the two, can you take a look? I want to keep the previous and next links and for them to be functional also.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
I 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]
Using this as an example - [url] - how can I get the value of "slide.src" when my images are wrapped in divs?
Like so:
Im using the cycle plugin trying to make a banner slide tha is 100% the width of the window, my problem is that when i resize de window the banner does not align center, it stays somo what left align. So is there a way to keep the slides align center after you resize the window usingthe cycle plugin? or is there another plugin that i can do that? I attached a image to ilustrate, the white banner with the cat should align center when i resize the windows but it stays left align.
View 4 Replies View RelatedI'm trying to code a play/pause button via Jquery and the Cycle plugin. I'm able to toggle between the two and the "resume" function works, but am not sure how to make the "pause" function work.
Here's my JS:
Here's my HTML:
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 have this:
[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??
all try to explain my problem: i have this website:[URL].. i'm using Jquery Cycle to do a slideshow. I would like to know how to put a link on each colored square.
I know i have to find in "jquery.cycle.all.js" but i'm a bit lost...
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'm using jQuery cycle plugin right now, and I want to add a new slide based on the newly created image and I want to replace this slide later if the user has updated the image. I read the document of jQuery cycle, and I found it's using onBefore callback to do the job, but it's not on the fly, how could I do it on the fly?
View 2 Replies View Related