JQuery :: Malsup Cycle Plugin - Getting The Captions To Display From A Slideshow

Jun 23, 2010

i'm having a small problem with getting the captions to display from a slideshow... i've got multiple slideshows on the page which i guess could be causing the problem... i'm not getting any errors, but no caption is being displayed... here is a section of my html....

<script>
$(document).ready(function() {
$('#cat_slide1').cycle({
fx: 'scrollHorz',
timeout: 0,
next: '#next1', prev: '#prev1',
[Code]...

View 3 Replies


ADVERTISEMENT

JQuery :: Cycle Plugin - Cycle Through Php Query_post & Display Caption From The_excerpt - Captions Do Not Effectively Cycle

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

JQuery :: Display Captions Using The Cycle Plugin?

Dec 6, 2010

I am using the Cycle plugin to handle a slideshow and I have a long caption that I would rather not put in an ALT tag. Is there any other way to display captions using the Cycle plugin? Such as in a paragraph tag?

[Code]...

View 4 Replies View Related

JQuery :: Using The Cycle Plugin To Display A Counter And Captions?

Sep 25, 2010

I'm trying to have the slide move on click but with a counter as well. When I try to incorporate the counter it breaks my test page I'm trying it on. I added captions to the slides and I realize both of them are activated by after.

<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin - Image Count Demo</title>

[Code].....

View 2 Replies View Related

JQuery :: Cycle: Anchor Links On Slideshow Images + Captions?

Sep 12, 2010

I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.

What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)

[Code]...

View 2 Replies View Related

JQuery :: Cycle Malsup - Get A Next/previous Arrow To Float Over The Right/left Edges Of A Slideshow Div

May 17, 2011

I'm trying to get a next/previous arrow to float over the right/left edges of a slideshow div. I'm using to absolutely positioned divs to contain the next/previous buttons but for whatever reason they refuse to display above the slideshow div. Is there any way to get controllers to float over the cycle container?

Here's my code and if you give it a try you won't see the floating next/previous buttons unless you change the 'top' values for #next_btn and #prev_btn in the CSS to be greater than the height of the image (change to 410 to see them in my example):

<style>
#container {width: 500px;}
#container {position: relative;}
#next_btn {position:absolute; top:10px; right:5px;}
[Code]....

View 2 Replies View Related

JQuery :: Malsup Cycle Plugin Not Synchronous?

Aug 16, 2010

I am using the awesome malsup cycle plugin, but it seems like the sync: true option isn't working 100% synchronous. If I activate the sync option and let exactly the same images fade, a short opacity effect occurs.
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
sync: true,
speed: 1000,
timeout: 4000
});});
<div class="slideshow">
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
<img src="[URL]" width="200" height="200" />
</div>
I would like to fade some images with only few differences, and for the user it should look like only those few parts of the image change.

View 3 Replies View Related

JQuery :: Malsup Cycle Plugin Slide Timing

May 25, 2011

I need todo the following: (Fade imgs 1-17 then fadeZoom img 18 ) loop this

View 7 Replies View Related

JQuery :: Cycle - Multiple Instances - One Will Not Display Captions

Sep 9, 2011

Have two Instances - One will not display captions. Here are the script pieces for the two.

[Code]....

View 1 Replies View Related

JQuery :: Malsup Cycle - Add Effect To The Lite Version Of The Plugin?

Mar 7, 2011

Using the minified jQuery Cycle Lite Plugin (only 3kb) is very very attractive for the project I'm working on. I'm trying to make cuts in load time and 99% of my site would only requires the fade transition, however one area needs the 'scrollUp' effect. How hard would it be to add that effect to the Lite version of the plugin?

View 2 Replies View Related

JQuery :: Malsup Cycle Plugin As Product Thumb Navigation

Jun 22, 2011

I have a Cycle Plugin carousel of 20 product thumbs split into 4 slides of 5 thumb images each slide. This scrolls horizontally forwards and backwards with left/right navigation. This carousel is situated below the products being displayed. The user can navigate forwards and backward through these 4 slides, however, when they pick a product to look at the carousel always resets itself back to the first slide. How can I set it so that when an image in one of the 4 slides is clicked and we move to that product's page, that slide stays active when the page loads? It's annoying to have to scroll back through the 4 slides to find the one that had the active product on it.

View 17 Replies View Related

JQuery :: Cycle Plugin - Malsup - IE Opacity - Fade In/out Content Gallery

Aug 23, 2010

I am using the jquery cycle plugin for a fade in/out content gallery for a site's news section - you can see it at: [URL] under the News & Articles section. The plugin works perfectly in Firefox, but I am seeing a white background in IE. Does anyone know how to fix this? It looks like it's an opacity issue. Here is my cycle code:

[Code]....

View 2 Replies View Related

JQuery :: Malsup Cycle Plugin: Pager Disappears When New Element Added

Feb 22, 2011

I have been running the cycle plugin with success for a while, using 3 images, a caption, and a pager area (simple dots). I just added a fourth image/caption. the pager picks up the fourth image, adding a dot. However, it now fades in on transition, then immediately out. no other code changed other than the addition of a fourth image. why this is now malfunctioning?

View 1 Replies View Related

JQuery :: Malsup Cycle Plugin: Pager Disappears In IE7/bold Text Does Odd Things

Feb 22, 2011

I have the cycle plugin running, works fine on all but IE7 (not catering to IE6). The pager elements on the right do not appear in IE7. I have tried adjusting the z-index, etc., but can't figure it out.

Also, the caption text transitions in with bolded elements properly appearing, and then they flip to regular text (the whole line of text transitions a bit strangely).

View 4 Replies View Related

JQuery :: Remove Numbers On Pager-navigation In Cycle Plugin Auto-pager By Malsup?

Jun 10, 2010

I have re-styled the tabs of the pager with css so its not orange anymore. Instead the active and the inactive tabs have a background image. What I need to do now is remove the numbers, but I do not know how to. Can someone please tell me how to do so?

View 8 Replies View Related

Jquery :: Malsup Progressbar For Cycle Plugin - Get The Progressbar To Reset If The User Clicks Next / Previous Slide

Oct 16, 2010

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]....

View 2 Replies View Related

JQuery :: Creating Slideshow Using Cycle Plugin?

Feb 15, 2011

I'm creating a slideshow using the Cycle plugin. I'm using Prev / Next options to trigger the transitions and also "alt" attribute to show some metadata on each slide. My question is: Can I use some other metadata to show captions with links in it? I followed [URL] to create this slideshow, but I can't see how to implement links on captions.

View 1 Replies View Related

JQuery :: Cycle Plugin - Fades In And Out In A Slideshow

Jun 8, 2009

I have been using jQuery cycle plugin for a banned with some content that fades in and out in a slideshow sort of thing but I would like to be able to div individually. Rather than saying all instances of #projects become a slide, i would like #project_img, #project_title and #project_description to all be separate, yet i want them all to be look like theyre in sync. I would also want the pause on hover to work for the entire parent div #projects so each div stops fading in/out.

View 1 Replies View Related

JQuery :: #jqueryCyclePlugin (Malsup): Cycle Works But After Cycle The Call Shows Up

Nov 11, 2010

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 Related

JQuery :: Cycle Plugin - Override Display ?

Nov 29, 2011

I got a container as "inline-block", but cycle plugin change it to "block". It fuck up my page in IE. Is there a way to prevent it from overriding my display: inline-block?

View 1 Replies View Related

JQuery :: Cycle Plugin - Only Display Certain Elements?

Dec 14, 2011

check the code snippet below:

<div id="Mu00">
<div id="Mu001"></div>
<script type="text/javascript">
jQuery('#Mu001').load('http://www.myserver.com/page1.html');

[Code]....

NOTE jQuery load function is used to fetch the content for the <div> above.

Everything works (it displays the content that is fetched by jquery load function), but it also displays the literal HTML code "jQuery('#Mu001').load('http://www.myserver.com/page1.html');
" and "jQuery('#Mu002').load('http://www.myserver.com/page2.html');
"

View 5 Replies View Related

JQuery :: Center Images And Display Title With Cycle Plugin?

Dec 2, 2011

I 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]....

View 3 Replies View Related

JQuery :: Cycle Plugin -- Slideshow With Images Of Different Widths - How Can I Center The Images In Containing Div?

Jul 6, 2010

I 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 Related

JQuery :: Creating A Slideshow With Captions And A Counter, $ Is Not A Function?

Aug 2, 2011

I'm very new at this. I'm using jquery within wordpress and I've created an image slideshow with captions. It worked fine. Now I want to include a slide counter. I followed the example here as best I could: [URL]...

This is the code I have:

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#ng_slideshow').cycle({

[Code]...

View 2 Replies View Related

JQuery :: Malsup Cycle Won't Work

Mar 31, 2011

downloaded and installed the cycle .jquery.cycle.all.2.74.js and jquery.cycle.min.js and set up the code like on the example:

<head>
<style type="text/css">
.slideshow { margin: 0px 50px 0px 0px;
width: 713px;
height: 478px;
position: relative;
[Code]...

I also found it worked better if I put the class styles in the head and not on a separate CSS file. Any thoughts to what's wrong?

View 1 Replies View Related

JQuery :: Cycle Malsup Not Working In Firefox 4

May 17, 2011

I've had a look at some pages that contains the Malsup's Cycle slideshow plugin with FIREFOX 4, any is working.

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved