JQuery :: Background Color Is Being Applied When Using Cycle Plugin?
Apr 22, 2009
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
ADVERTISEMENT
Jan 11, 2012
I believe I've found a bug with the Superfish plug-in. All the following code is tested and taken from the Superfish example page and so I of course expect it to work. Here is my problem:
[Code]...
View 2 Replies
View Related
Apr 14, 2011
I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered.
simple js:
View 1 Replies
View Related
Apr 6, 2011
I'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]
View 9 Replies
View Related
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
Oct 4, 2011
In IE8, Cycle appears to be applying styling _after_ the transition, and it produces a weird visual effect.
Take a look at the bottom demos in IE8 on the Intermediate-2 examples from the Cycle site. See how the styling on the font changes after transition? [URL]
View 1 Replies
View Related
Aug 24, 2010
provide javascript to create something like the image below: Things I can't workout are:
1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color
[Code]....
View 1 Replies
View Related
Apr 29, 2011
I am trying to change my sites background color. The color changes but it doesn't go back to the first image anymore. does anybody know what the problem could be?
jQuery Code:
HTML Code:
View 1 Replies
View Related
Jul 21, 2009
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]....
View 2 Replies
View Related
Feb 21, 2011
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]...
View 4 Replies
View Related
Aug 14, 2009
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.
View 4 Replies
View Related
Jun 30, 2011
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".
View 6 Replies
View Related
Oct 5, 2010
I am using superfish menu on the site below. http:[url]...when I go through the sub menus. parent menu item's "a color" turns into white again but not background color. then nothing is seen. I want it to stay as first hover condition (white bg and black text) when I walking through sub menus. I cannot override it.
View 1 Replies
View Related
Apr 24, 2011
have been trying to rework this to call additional, independent sets of colors to cycle through (so it would loop thru a set of grays, a set of primary colors, etc). I would use perhaps a different function name in the HTML to call different sets of colors. If this is more complex than I think it is, I think 3 sets would be plenty. demo link of script in current state at bottom)
<html><head><title></title>
<script language=javascript>
colors = ["#cacdca", "#b2b4b2", "#969896", "#7d7f7d", "#ffff00"];
cRGB = [];
[Code]....
View 7 Replies
View Related
Jun 1, 2009
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({
View 1 Replies
View Related
Jul 7, 2011
I'm faced with a problem trying to set background color under IE7. I have the following Javascript:
function showLayer793BKColor(id)
{
var txtObj = document.all(id);
[code]....
View 5 Replies
View Related
Feb 27, 2009
I have a div whose hover color is initially set through a CSS style sheet, but have found that if I change the background through a script, the hover is wiped out. Here's how I'm changing the colornode.style.backgroundColor = '#00FF00';Later on, I need to restore the normal color and have the hover still work. Is there any way to programatically reinstate the h
View 4 Replies
View Related
Feb 11, 2009
I have a form which contains FOUR text fields (e.g. TEXTFIELD1, TEXTFIELD2, TEXTFIELD3 & TEXTFIELD4). Each text field holds a HEX,DEC color value. ABOVE this form I have a table with TWO ROWS (ROW1 and ROW2). ROW1 should correspond with TEXTFIELD1, so that when the VALUE in TEXTFEILD1 is changed the background color of ROW1 will change to match the HEX,DEC VALUE entered in TEXTFIELD1. The same would happen with TEXTFIELD2 and ROW2. TEXTFIELD3 should be used to change the color of the TEXT inside ROW1 and TEXTFIELD4 should change the color of the TEXT in ROW2. I also wanted to know if it would be possible to achieve this without clicking any button.
------------------------------------------------------------------
| ROW1 | TEXT IN ROW 1
------------------------------------------------------------------
| ROW2 | TEXT IN ROW 2
------------------------------------------------------------------
TEXTFIELD1 <----HEXDEC VALUE GOES HERE to change color of ROW1---->[code]....
View 9 Replies
View Related
Aug 26, 2010
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]...
View 3 Replies
View Related
Dec 1, 2010
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]...
View 1 Replies
View Related
Oct 18, 2011
I'm wondering if it's possible to add a specific amount of color to an already existing color.
I'm using php to set a background color to add div;
$background = 'background-color: rgb(' . $job['color'] . ')';
But now I want to make the background color a little lighter when the user hovers it, just changing the opacity of the entire div is not possible.
So I was thinking, if my value is like this:
r: 100
g: 200
b: 240
Is it then possible to add a specific amount of red to it?
View 2 Replies
View Related
May 20, 2009
I have some data rows with alternate row color with following 2 CSS classes applied.
1. alt-1
2. alt-2
onMouseOver event of the row I replace the class "alt-2" and in onMouseOut event I replace the alt-1 back vice-verse.
and, when the user select the checkBox of the row. I need the background to change to different color. I used the background-color property of CSS directly and done it.
upto here works fine. My problem is, when user uncheck the check box I want to remove the background color from the selected row. How could I do that?
View 1 Replies
View Related
Jun 16, 2009
I use jQuery 1.3.2 and tried to use:
For some reason, the background doesn't change and my firefox debugs the error of "NaNpx" a few times.
View 2 Replies
View Related
Jun 22, 2011
Is it possible to use cycle but having the image as a full background image, like putting a bit of css to cycle like this: [url]
View 2 Replies
View Related
Nov 10, 2011
I have an anchor like that
<a href="#" onclick="showInfo(');" class="nostyle" ></a>
i doesnt have id or class name because i generated it dinamically in xslt.
When i click over it, shows a hidden div that contains other "a id=''close" tag, the idea is change the background color of the first anchor when i click on the close button. But i dont know how i can set the it up. how i can get wich anchor i have been clicked and change.
View 3 Replies
View Related
Mar 19, 2010
I have a small script that changes the background color of my page from white to grey when the user clicks a button.at the moment it works fine accept for when the user tries to navigate to another page (on my website) after changing the background color.if a user changes the background color to grey and than tries to view another page, the background color becomes white again.is there any way to make the change only controlled by the button?my head code looks like this (at least the relevant parts):
View 8 Replies
View Related
