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].....
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 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]...
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]...
Have two Instances - One will not display captions. Here are the script pieces for the two.
[Code]....
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]...
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 Relatedcheck 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');
"
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]....
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]...
I have added the crossslide plugin to show a series of images, I have a couple of image that are too big for the area for these images so the crossslide plugin seems like an excellent option to pan thru images. Crossslide does not support captions though, and captions are absolutely necessary. To get it working for now I have used the cycle plugin for the captions, as I was not able to modify the crossslide plugin to fade captions. But of course, the timing of images changing and captions changing is not exact of eventually they don't match up. Not good.I was able to get the crossslide plugin to show the captions by modifying the plugin code in a small way.On line ~223 of the plugin i
modified this:elm = jQuery(format('<img src="{0}"/>', p.src));
to
elm = jQuery(format('<img src="{0}"/><div class="caption">{1}</div>', p.src, p.caption));
[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]....
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'm using the jQuery Cycle plugin to rotate four images on a .shtml page.
[UR]
I have some text that appears correctly over one image using CSS, but when I add the rest of the images and run the plugin, the text gets pushed to the background. I have a feeling it has to do with the z-index settings of the plugin.
How do I get the text to still display over the slideshow?
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 an interesting project that I'm sure someone has done before. I need to essentially recreate the effect on the Bing homepage where you can mouseover different parts of an image and be displayed different tool tips depending on where your cursor is.
[Code]...
I don't want to use Flash for these things unless I absolutely have to. It seems they could be done with CSS purely but I was wondering if there is a more attractive/prettier way to do it with Jquery?
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({
At the moment, the script creates a gallery with thumbnails from a list of images (from my basic understanding), and I want to add to it so the current code also picks up the text from the alt tag and displays that within a div box positioned absolutely elsewhere on the page, when the main image is displayed.Here is the javascript:
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return
[code]....
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]...
I am looking for a character counter that will display the remaining number of characters left in a form box, that will also display adjust for default values on the form.
View 3 Replies View RelatedNew 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 RelatedI 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]...
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]....
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]
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