JQuery :: Auto Slider Speeds Up With Upgrade
Jul 25, 2011
After upgrading from 1.5.1 to 1.6.1 the auto-play feature of this slider speeds up. I'm using this code: [URL]. 4000 milliseconds is specified in the script if you view source, however, if you let the slider run for a few minutes(I haven't determined a consistent time frame for this) then the slider begins to change one after the next almost immediately without waiting 4 seconds.
.attr() is used once in the script, but after reading the core teams suggestions regarding .attr() after upgrading to 1.6.1 it doesn't seem like I'm supposed to change anything.
Same problem with this slider which is from [URL] simple-jquery-image-slide-show-with-semi-transparent-caption:
<script type="text/javascript">
$(document).ready(function() {
//Execute the slideShow
slideShow();
});
function slideShow() {
//Set the opacity of all images to 0
$('#gallery a').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('#gallery a:first').css({opacity: 1.0});
//Set the caption background to semi-transparent
$('#gallery .caption').css({opacity: 0.7});
//Resize the width of the caption according to the image width
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
//Get the caption of the first image from REL attribute and display it
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400);
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
setInterval('gallery()',6000);
} function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
//Get next image caption
var caption = next.find('img').attr('rel');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
//Set the opacity to 0 and height to 1px
$('#gallery .caption').animate({opacity: 0.0}, {
queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
$('#gallery .caption').animate({opacity: 0.7},0 ).animate({height: '100px'},500 );
//Display the content
$('#gallery .content').html(caption);}
</script>
View 1 Replies
ADVERTISEMENT
Feb 25, 2011
This slider is working fine when actively using/clicking/hovering but will not autoplay.
Code Below:
CSS
/*image slider*/
.rotator
{
[Code]....
View 2 Replies
View Related
Mar 21, 2010
I try to make a news slider with cycle plugin here's the structure
//---------------------//
<div id="myNewsDisplay">
<ul id="aContent">
<li>short text</li>
<li>moderate text</li>
<li>long text</li>
</ul>
<div id="aFooter"></div>
</div>
//---------------------//
I want to make the #myNewsDisplay to animate height based on #aContent height the problem is that, everytime the news showing up at the beginning the height is automatically set by the last long text height. How to make the #myNewsDisplay height auto adjust the height of every news height?
View 5 Replies
View Related
Dec 30, 2009
I'm using jCarousel Lite to power a content slider on a site. It has been working great, but I now have the need for a pause button to pause the auto rotation of the slides. I'd like to attach the pause function to an anchor tag. This feature is not built into the plugin currently and my attempts to contact the author have failed.Here is the code on in my html...
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="javascript/jcarousellite.js"></script>
<script type="text/javascript" src="javascript/jeasing.js"></script>
[code]....
View 1 Replies
View Related
Mar 8, 2010
What I am trying to do is create a slider that auto scrolls 3-4 images from right to left with no controls. And if the user hovers over it, it stops so they can read the content that is featured. Everywhere I search there are bunch of plugins i.e. easyslider, s3slider, etc. that have tons of code that is greek to me. I tried using the easyslider code and changing things around for it to do what I want, but I was unsuccessful.
View 4 Replies
View Related
Feb 28, 2011
I am using jquery version 1.4.4 , i have read the release log said the Ajax have a big change. So do i need to change my ($.Ajax,$.post,$.get) code to make work with 1.5?
View 1 Replies
View Related
Feb 8, 2011
I want to upgrade my jqueryui and take advantage of this selectmenu: [URL]. It says to download from "Felix's branch". I downloaded it but how to I keep my current theme for jquery ui and import this new functionality? I don't want to go back to theme roller again and recreate everything now that I've got it the way I want it.
View 7 Replies
View Related
Apr 22, 2010
I am trying to load html into a jquery popup window having limited success thus far due to being "stuck" on jquery 1.2.6I use CS-Cart for my eCommerce store which uses a custom AJAX framework based upon jQuery 1.2.6, the downside is that I cannot use jQuery plugins post-1.2.6 nor upgrade it as it removes 99% of the AJAX functionality that the cart depends upon.What I'm attempting to do visually is create a jquery popup window upon user click.ie/eg:View Color Chart : More InformationCode:<p>View Color Chart <a href="url.html">More Information</a></p> The end result being displayed as followed.
CS-Cart have used "fancybox" for it's display, but alas my attempt to integrate it thus far have been limted as it fails to load the iframe unless I have the latest jquery.PS: The FAQ link doesn't work for this message: Before proceeding, please make sure you are aware of the Community Guidelines and you have read the 'Important' threads in this forum, if any.
View 1 Replies
View Related
May 3, 2010
I upgraded to latest jquery version and now in IE my click event doesn't fire
Specifically I am trying to click a button like this, when some condition is true
$('input[id*=btn_ShowReport]').click();
View 3 Replies
View Related
Feb 25, 2010
The following used to work with version 1.3.2
var x = $('#ElementID').val();
var x = $("'#" + "ElementID" + "'").val();
var eid = "'#" + "ElementID" + "'"; var x = $(eid).val();
Only the top one works with version 1.4.1
Similarly the following used to work with 1.3.2 but it doesn't work anymore.
var eid = "ElementID"; $("'#" + eid + " option[value='" + x + "']'").attr('selected', 'selected');
View 1 Replies
View Related
Aug 25, 2010
I've been trying a number of different approaches but can't seem to get it right. The idea was to loop the main funtion of the script (loadContent) by ending with the setTimeout, that I had to move to another function. Why, I don't know, but that's the only way it works. I'm a professional PHP programmer, getting to grips with Javascript in this era where Ajax rules firmly is part of my job. Can't say I have been enjoying the experience so far, though.Right, enough bashing for today! The idea was to have a simple script, linked to a php script that would load images, based on the data sent via Javascript and an XML datafile. This does happen, only: the timeout of 5 or 6 seconds doesn't seem to last even a millisecond.
View 4 Replies
View Related
Jun 10, 2010
one could add a 'start' & 'stop' (id="stopit") button to control the simple sprite animation. My Javascript looks like this (note that it works in tandem with the core.js that comes with the book; see the ZIP file i've attached):
Code:
var Robot =
{
init: function() // initiate via core.js
{
[Code]....
clicking on the 'start' button more than once speeds up the animation, more with each successive click. Clicking the 'stop' button will only finally stop the animation if it's done the same number of times as the 'start' button was clicked.
View 5 Replies
View Related
Dec 16, 2011
I have a form with two slider on it so the user can select an amount. The slider works fine and passes the values to email ok etc. but when the page is loaded there is "[object Object]" in box of the second slider. I can't find the problem with the code as it is the same for the first slider.
Here is a link to the form: [url]
<script>
View 1 Replies
View Related
Jun 27, 2011
I got 2 sliders in a List:
<li data-role="fieldcontain">
<label for="slider_year"><big>Jahr auswählen</big></label>
<input type="range" name="slider_year" id="slider_year" value="2000" min="2000" max="2011" />
[Code]....
Both alerts wont get called...
I know this should be very easy, but i dont get it.
View 1 Replies
View Related
Oct 12, 2009
1.I found a Slider Toggle thats demonstrated here [URL] and it seems to work fine but only if the link is placed above the div that slides down.. im trying to make the div slide down from above my menu and i want 1 of the links on my menu to toggle the slider. how do i get it work to where I can place the link below the sliding div? 2. the script originally used .fader{opacity:0;display:none;} but I wanted the slider div to be visible if javascript was disabled so I added
jQuery(".fader").hide(); so its now
<script type="text/javascript">
$(document).ready(function() {
jQuery(".fader").hide();
$(".fadeNext").click(function(){
$(this).next().fadeSliderToggle()
[Code]...
View 4 Replies
View Related
Feb 16, 2011
i am using jquery slider.i need to display the values on mouseover of the slider handle
View 4 Replies
View Related
Aug 11, 2010
I have to change the slider color depending on its value, but I didn't manage to do it, I changed the attribute "background" of the class "ui-slider-range" this way : $("#slider.ui-slider-range").css("background","red"); Since I have three states (red, orange and green) I have to use three sliders, each one has one color, all hidden at the beginning then I show the appropriate slider when the value changes.
View 1 Replies
View Related
Nov 2, 2010
I've got the following problem: I have a Jquery slider and I want to disable the click on the slider. I only want to change the slider when I click and drag the pointer. Standard you can also click everywhere on the slider and the pointer will go to that point. That I don't want. .
Code HTML4Strict:
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
[Code]....
View 4 Replies
View Related
Jun 9, 2011
I have a php code that creates a select combo box depending on some values stored in a database and I am trying to make it look nicer I found the jquery slider I found this but it does not work in the environment I am working (joomla) well, it does but it disappears as soon as I move the slider. so if I had
Code HTML4Strict:
<select id="someId" >
<option>1</option>
<option>1</option>
<option>1</option>
</select>
is there an easy way to transform that into a slider?
View 1 Replies
View Related
Aug 29, 2009
Using the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal.
The default class is
Now, I know I can change the width of the modal but what about the positioning?
View 1 Replies
View Related
Jan 13, 2010
I don't know if this can be done in Javascript, or requires any other language but i was wondering if this would be possible.I would like to embed this Javascript code in to a PHP file and then for it to run automatically upon the PHP file loading:
<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>
[code]....
View 2 Replies
View Related
Sep 6, 2010
I want to write a small script for my slider for my website. My HTML part looks like:
<img src="images/leftarrow.png" id="leftarrow" alt="leftarrow"/>
<div class="slider">
<div class="active">
[code]....
View 2 Replies
View Related
Oct 24, 2011
I am new to jquery and i will need a script for 2 jquery Slider, where the Max value of the second slider is the actual of the first slider. If the first slider will be changed the max should be changed too.
[Code]...
View 1 Replies
View Related
Aug 28, 2009
is there a way (using a specific plugin or doing some hacking) to change the page URL when I change the viewed panel within a slider? Right now I'm using tabSwitch (URL...) but I can change it if a plugin lets me do that.
View 2 Replies
View Related
Apr 8, 2011
I have use the following Jquery plugin selectToUISlider on my web site which has worked fine in IE8,FF, Chrome however when viwing the same site in IE9 the slider doesn't slide when using the mouse to drag the slider. I can still click on each value and the slider will move/jump to the required value. I've debugged the javascript in both FF and IE9 and I can see that in IE9 the slide event doesn't get fired, where in FF it does.
unfortunatly I don't have external web access on a machine with IE9 to try the slider demo pages out to ensure that the demos work in IE9.
View 4 Replies
View Related
Jan 6, 2011
Is there a plug in that makes a slider that goes off the page like this: [url]
View 1 Replies
View Related