JQuery :: Cycle Plugin - Get The Value Of "slide.src" When Images Are Wrapped In Divs?
Aug 25, 2010Using this as an example - [url] - how can I get the value of "slide.src" when my images are wrapped in divs?
Like so:
ADVERTISEMENT
JQuery :: Cycle Plugin - Multiple DIVs Per Slide
Sep 21, 2010I'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.
JQuery :: Cycle Plugin To Cycle Through Entire Divs ?
Jun 30, 2011I'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".
JQuery :: Skipping A Slide With Cycle Plugin?
Oct 1, 2009Does 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 RelatedJQuery :: Using Titles For Each Slide In CYCLE Plugin?
Feb 23, 2011This is the code i'm using :
function ajaxpage(url, containerid) {
var $container= $('#' + containerid);
$container.hide().load(url, function() {
[code]....
JQuery :: Cycle Plugin: Change Slide Only When Refresh Done?
Jan 22, 2011How do I set up the cycle plugin to only change slides when a refresh is done?
View 1 Replies View RelatedJQuery :: Cycle Plugin - Catch The Event When Slide Changes?
Oct 29, 2010I'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 RelatedJQuery :: Cycle Plugin - Validate Contents Before Going To Next Slide?
Jun 10, 2010i 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 RelatedJQuery :: Malsup Cycle Plugin Slide Timing
May 25, 2011I need todo the following: (Fade imgs 1-17 then fadeZoom img 18 ) loop this
View 7 Replies View RelatedJQuery :: Cycle Plugin -- Slideshow With Images Of Different Widths - How Can I Center The Images In Containing Div?
Jul 6, 2010I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...
View 1 Replies View RelatedJQuery :: Cycle Plugin - Return The Index Number Of The Currently Displayed Slide?
Nov 26, 2011I'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 RelatedJquery :: Cycle Plugin - How To Link Directly To Slide From External Page
Jun 15, 2010I'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 RelatedJQuery :: Cycle Plugin - Code - Get My Slides Links To Link To My Other Slide Page
Oct 18, 2010Someone 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:
JQuery :: Cycle Plugin - Custom Transitions To Animate DIVs
Sep 2, 2010I am using the the jQuery Cycle Plugin and it's custom transitions to animate some <div>'s. For some reason only the first div will animate. Once it fades out the second div should fade in, but it doesn't. Once the cycle finished and returns to the first <div>, it animates properly and then continues to not fade the others.
Here is my animation code:
$('#featured-projects').cycle({
fx: 'custom',
pause: true,
cssFirst: {
left: 0,
opacity: 1
},
cssBefore: {
left: 75,
opacity: 0
},
animIn: {
left: 0,
opacity: 1
},
animOut: {
left: -50,
opacity: 0
},
cssAfter: {
left: 0,
opacity: 0
}});
JQuery :: Fading Images Instead Of Slide On EasySlider Plugin
Aug 5, 2010I'm trying to make this script fade instead of slide while rotating through images.
/*
* Easy Slider 1.7 - jQuery plugin
* written by Alen Grakalic
* http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
[Code].....
JQuery :: Cycle Plugin Center All Images?
Oct 12, 2010I have two separate questions. One being, how would I go about having the container resizing itself for different image sizes. So that surrounding elements can conform to it's size?
Also, is there a way to align the images in a slide shows so that it is always horizontally and vertically centered in the slideshow?
JQuery :: Cycle Plugin - How To Change Images Dynamically
Jan 25, 2011Malsup's cycle plugin - can the image set being cycled through be changed on-the-fly? e.g. a user clicks on a thumbnail A and cycle shows A's images, clicks on thumbnail B and see B's images etc.
View 1 Replies View RelatedJQuery :: Cycle Plugin With Images And Text Overlay In IE?
Oct 21, 2011I am using the cycle plugin to vertically scroll images with text overlays on a WordPress homepage. I position a div with a semi-transparentbackgroundto darken behind the text The div style uses abackground-image with the -moz-linear-gradient and for IE it uses filter with the microsoft gradient. I thought it might be a problem but it actually works half the time. When a new slide appears and scrolls down the text background is completely transparent - through to the page background. The text over the background is also faintly visible. Once the new slide is in position however, the background and textappear as intended. The suprising point -while theslide is being removed the text and background display perfectly.
[Code]...
JQuery :: Cycle Plugin - Pagers With Linking Images
Aug 4, 2010The only thing I can't figure out is how to create and use image pagers with slideshow images being clickable links as well. For example, view teslamotors.com. I see they use hero slideshow and drupal, is that something more auto generated by a back end ui? I tried reading through their source but its a little much for me. I have successfully setup images as pagers following: [url]
View 1 Replies View RelatedJQuery :: Cycle Plugin Showing The Background Between Images?
Apr 6, 2011I've used the cycle plugin on several Wordpress sites and it works great, except that when I run it the background is visible between transitions. Instead of a smooth fade between images, there is a long pause between images. Even when I use the default values, there is still a noticeable delay between the slides.
$(document).ready(function() {
$('.slideshow').css("overflow", "hidden").cycle({
fx: 'fade', sync: 1, speed: 2000, timeout: 3000, delay: -2000,
});
});
The current site I am using the cycle plugin on is [URL]
JQuery :: Wrong Size Of Images When Using Cycle Plugin
Aug 15, 2011Quite often, some images are displayed with much smaller sizes than what they should be. For example, an image with height 768px may be displayed with a height of about 100px. This problem is usually sovled by refreshing the page. The page may need to be refreshed more than once to get all the images to their correct sizes.
View 8 Replies View RelatedJQuery :: Center Images And Display Title With Cycle Plugin?
Dec 2, 2011I am trying to combine the centering of the images. I get for the image title "undefined" If I remove the <div id="slide">...</div> the titles display normally.
jcycle code:
$(document).ready(function() { $('#slideshow').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... timeout: 5000, after: onAfter, next: '#slideshow', pause: 1 }); }); function onAfter() {
[Code]....
JQuery :: Cycle Plugin Pause On Hover Links AND Images
Feb 23, 2011I'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]....
JQuery :: Cycle Plugin - Centering Images Of Variable Width?
Oct 17, 2009I didn't see this as an option, so I decided to give it a try on my own. I was able to add some lines of code (shown with the > in the margin below) to the jquery.cycle.js script to read in the width of each image and center the slide within the slideshow container // set position and zIndex on all the slides
View 2 Replies View RelatedJQuery :: Cycle Plugin, All Images In Pool Showing Up When Page Loads?
Jun 1, 2009I'm trying this Cycle Plugin, but whenever I load, lets say I have 5 images in the rotation pool, they all show up (briefly) whenever the page reloads, and then they dissapear (starting the rotation). Is there any way to avoid this? The images I'm using are 960 x 220, so it pretty much fills the screen before it hides.
View 5 Replies View RelatedJQuery :: Cycle Plugin Resize (realign) Slide On Window Resize
Oct 28, 2010Im 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 Related