I am using the jquerry cycle to create a rotation banner with a caption/title within a CMS everything is working properly. the problem is that on the next step i need to make the caption color change according to the captionis there a way to control that? this is my code so far
[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'm in need of a good, reliable ad banner rotation setup where I can add/delete banners (and their links) remotely because I'm going to use it on over 100 web pages.
My question is: is java script the best way to go?
If so, can anyone provide me with a link to a good script I can try?
I don't need to track how many clicks, so a simple script would work fine.
Does anyone have a tut on making a banner rotation script. I would like to ad one to the site I am building.
View 9 Replies View RelatedBasically I created a script which changes image banner on site depending on which day it is, and what period of time it is.
Script goes like this:
HTML part
<img id="banner" />
Javascript code
var nowHr=new Date().getHours();
var nowMin = new Date().getMinutes();
[code]...
Now, WHAT I NEED NOW is instead o using images (1.jpg, 2.jpg...) I want to use Flash (1.swf, 2.swf...).So is it possible to modify this script and make it work with Flash?
I currently manage a website that has a simple banner rotation javascript that randomly rotates banner images and the associated link every few seconds. I have been asked to replace it with a script that will be sequential in rotation and have a couple small button options just below the banner to move forward or backward through the selection.
I figured instead of reinventing the wheel someone surely has a simple a banner rotator with forward/back options, but darn if I can find one. There are countless scripts out there, but I can�t find one where the user can select the next banner before its allotted time. It would be simple enough in flash, but it was requested I stay with java script.
Anyone have any leads for a very basic banner rotation script that incorporates the forward/back selection option?
I am trying to create banner where the image changes when a user refresh the page. Below is the script:
// JavaScript Document
<!-- TWO STEPS TO INSTALL RANDOM IMAGE:
/* 1. Copy the coding into the HEAD of your HTML document
[code]....
With the cycle plugin the image slideshow is pretty easy, but my problem is how do I show the text while "cycling" the images!so this is the code:
<div id="banner">
<?php print render($page['banner']); ?>
<!--slideshow-->
[code]....
I've been using Mike Alsup's Cycle plugin on a large number ofprojects, and one of the most recent ones is giving me trouble in IE.In this example, the slide container seems to have a background colorapplied to it, and there is neither a background property added to itnor is there any background property in the CSS for the slide elementor its children. I finally decided to recreate the effect from scratchto make sure it wasn't some strange IE bug or the markup, and the from-scratch version works no problem. Here are the two examples, both arein the "past lectures" module:[URL]
View 4 Replies View RelatedI have a gallery on my site here:
[URL]
add a caption to the bottom of the images when they are clicked on and perhaps even a link?
I cannot work out why this doesn't work.
$(document).ready(
function(){
// Actual jQuery goodness that moves the captions
// Set the default value for the caption
$('.boxcaption').live('click',
function(){
console.log(this);
});
});
When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on.
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 RelatedIve used this tutorial code...
But when I hover over the Wrapper DIV the Description DIV also fades.
I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.
Is that possible?
is the <caption> Tag inside a Table supported? An if yes, how can i read the text inside this tag?
View 1 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.
I'm setting up a web page and think jQuery will be able to sort this out for me.
I have an unordered list (5 items so far, but a few more may need to be added). On clicking on any of the items I need three things to happen on the page:
1. place a picture into a div
2. place a caption into another div
3. place a title into a third div
Clicking on a second item needs to hide these and show that item's related three bits.
So, is jQuery/javascript my best tool, how I can achieve it?
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 written the following Jquery code to change an image and text on mouseover, what I want it for it to also rotate every 5 seconds automatically. Is there a way I can adapt this code to do that?
$("#main_nav li").mouseover( function() {
$(".navigation_main, .main_info").each (function() {
$(this).removeClass("on").addClass("off");
[code]....
I want to 'style' all links on my site with a variable for random colors. I got the variable for the random colors up and running but i can't figure out how to implement the variable to the css.
View 1 Replies View RelatedJavaScript Challenge Play--Random Color (The English Version of JavaScript)
Write a function to return a string that can represents a color.
Requirements:
1. The color is random. The color string can be similar to "cf9c63", also similar to "rgb (211,100, 180)".
2. Code should be concise, clear, easy to read, good performance, and better than my solution.
And go to [url] to see more!
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
I'm having some trouble, so it's time I look to the community. I'm trying to add auto-rotation to a photo feature. It's pre-built, so I'm looking to just mod the code, rather than having to rebuilt the entire feature.Here is the existing code:
[code]
function homeFeatureClick(event)
{
[code]....