JQuery :: Customer Image Slider Broke After Version 1.4.1?
Nov 30, 2011
I'm using this jQuery slider code that my coworker and I manipulated so that 3 images slide at a time. It worked great till we updated our jQuery to 1.6.2 from 1.3.2 (we were going to go with 1.7.1 but now that we've encountered this problem we have to hold off). I went all the way back to 1.4.1 and it works okay but not as bad as the latest versions.
I included ALL the code. You can literally copy this whole thing into a blank page, save it and test it. It's not really working as expected right now. It doesn't slide all the way back to 1 and there's an empty slide after 9. I will work with my coworker to debug it more but I want to know why versions 1.4.3 through 1.7.1 break it.
Adobe forums suggested a jquery solution. I want to continuously rotate my customer testimonials without requiring users to click to advance. I have successfully implemented rotating text, but am having problems including the image too.
On this page, the words "cash register" is actually the "alt=" for the image, but no image displays.[URL]..
we have a piece of code which does some XML manipulation and it broke in IE (at least 7) between jQuery 1.5 and 1.6.At this link is the chunk of code running on 1.5.2:[URL]and at this link is the same exact code on 1.6.1 and erroring in IE: [URL]On the second link, IE is reporting an error down in jQuery for invalid number of arguments to a method. The second alert never shows.
I am using customer tag in my HTML to represent some structured information. Below is an example: <person name="Frodo"> <weight value="100" unit="kg" /> <race value="Hobbit" /> </person>
I am latter render this element by replace the <person> element with real HTML element using javascript. (here "replace" means I create new HTML element and remove the element with custom tag). It works fine with Firefox and Chrome and other browsers, however, IE8 does not work (haven't tested other version of IE yet). In IE8, it simply cannot parse the <person> element's structure. I read an article said you have to put customer tag into a user defined namespace, well, after doing that, IE8 was able to parse the <my:person> element structure. However, jQuery selector does not work, now $("my:person") does not return the element. How to make it work for both IE8 and jQuery? I feel bad if my application does not support IE8.
function showData(id) { $.get("/url/getdata", {id : id}, function(data) { $("#dialogData").html(data);
[code]....
no longer work with the addition of 1.5.Looking at firebug, the correct data is returned, but the function breaks after entering the callback.Everything simply stops.I read about the changes to Ajax call in 1.5, but I have over a thousand such calls through my project -> I cannot even begin to think about hunting them all down and changing them, let alone bug testing it all.
See this fiddle. [URL]. Hover over the circle, and note the mouse enter/leave notifications.
Now try this:[URL] This is the same code in 1.6.2. The hover events no longer work.
I don't believe this is related to the jquery.svg plugin, since the bug originally happened to me using the highcharts library, which creates and adds svg elements itself. I merely used jquery.svg for convenience in making the example, as I know little about svg.
This seems a bug to me, but I wanted to make sure. Is this a known and expected change in behavior?
After I update JQuery autocomplete plugin (jQuery UI Autocomplete @VERSION), I found one issue. The issue is as follows. When I type "jua" in the autocomplete field. Four matches are returned for users with the first name juan. Then add an "n".Only the first match remains in the list. I have come out from this issue by changing the parameter cacheLength:
0 in place of 1. $field.autocomplete({ url:ac_url, cacheLength:1,
For the autocompletion data, it reads from the configuration files.Say in the files the data are in this way.
[code]...
It works for previous issue, But creates another problem, If i change cacheLength to 0 then if i add some new name in the configuration file then it is not taking that updataed data. If i change to 1 then after i type "juan" it displays the last one. That is "juanw" and it not displays the other 4name.
I have problems updating from version 1.7.2. to version 1.8. I'm using a custom theme - can anybody give me a step-by-step guide how to update without destroying the whole site ? :) I would like to have the button featueres in the new version
I am trying to use a program called WOW Slider, found at [URL] It's supposed to create a slider pretty easily.
I can get the slider to work great on my local machine, but when I uploaded it to my host server, it does not work.
Obviously I do not have things in the correct directories?
I have a test page of my output that's live, that you can see.
I'm asking a lot, but this slider was the icing on the cake for a site redesign that I've been working on for months. I'm sad that I have hit a glitch this close to launching. Grrr.
take a look at this link for me? For some reason this works perfectly in everything but IE.I am sure there is some simple fix for this alignment issue, I just can't figure it out
It's like for page top area where you can have multiple pictures and at the sides you have vertical text links to slide in that next image. Image explains. If you have seen this and know it's name
Trying to set up a simple slider and it works perfectly in everything but IE. Every time I reset the x/y coordinates it looks different in every browser.
I created that function for an image slider: $(document).ready(function(){ $("#gallery").click(function(){ $(this).find("li.third").fadeOut(800).removeClass("third").next().addClass("third").fadeIn(800); $(this).find("li.second").fadeOut(800).removeClass("second").next().addClass("second").fadeIn(800); $(this).find("li.first").next().addClass("first").fadeIn(800); $($(this).find("li.first")[0]).removeAttr("class").hide().appendTo($(this)).fadeIn(800); }); });
Actually I want to fade in the first picture first. Than the second and at the end the third. To achieve that I changed the order of these following three lines: $(this).find("li.first").next().addClass("first").fadeIn(800); $(this).find("li.second").fadeOut(800).removeClass("second").next().addClass("second").fadeIn(800); $(this).find("li.third").fadeOut(800).removeClass("third").next().addClass("third").fadeIn(800);Unfortunately it doesn't work.
I have a working version of a jQuery image slider that can be seen here. I am trying to implement this into a new website and have copied the code exactly but for some reason the images are not rotating or switching when the thumbnails are clicked. The new slider can be see here - I have it in a test page so that there is no possibility of any other scripts conflicting.
The script is written in Jquery, it's a simple piece of code which I've seen on another website here [URL]. I modified the code a bit to work with a website I made for my portfolio. The problem with the code is that is works fine in firefox but it doesn't on chrome. the code doesn't break entirely but on chrome the images doesn't slide, it just jumps from image to image. here's the code
Code: var settings = { startingPosition : 0, //--------------------------------set starting position for images, 0 for first image slideSpeed : 550, //---------------------------speed of slide, seconds/fast/slow easing : 'linear', //-------------------------easing type navigationClass : 'slider_navigation', //--------------class of navigation (the prev and next) activeItemClass : 'slider-current-active-element', //--name of class to be added to first element repeat : true, //-----------------------------make gallery neverending .....
Most of it works fine but I'm guessing the animate part in the problem Code: //the slide animation elContainer.animate({ 'marginLeft' : animateToWidth }, opt.slideSpeed, opt.easing, function(){ //if forward is clicked if(opt.repeat && direction == 'forward'){ $("> :first", elContainer).appendTo(elContainer).css({opacity : 0}).animate({opacity : 1}, 400); elPosition += imgWidth; elContainer.css({ 'marginLeft' : elPosition });}
Here's the dummy site I made [URL]. I'm no expert on javascript so how to make the code better?
I have a client request I need a little advise on with an image slider.Client says;"There will be 4 photos that roll over two times each then stop on the Home Page photo then opens a text box over the left of the image"The part I'm not sure how to do is how to set the slider to stop on the Home Page image after the 4 images go through the animation two times.
I have included image slider and lavalamp menu in one of my projects. The problem here is both works well in Firefox. But not working in IE. I have included easing for the jquery.
I am a new designer trying to slog my way into using some of the neat tools available out there. I want to use a image slider I found called InnerFade. [URL]. I am using a ul with <a> and <img> in them and I want it to scroll from pic to pic.. this all seemed so easy when I started but I cannot see where I went wrong..
How to reproduce this effect in something like JQuery? Specifically I'm looking at the hover effects at the top of the page: [URL]. It looks like a custom JS file from their end, but I'd like to find something a little more mainstream that looks and acts very similarly, especially with the easing in and out of images.
I came across this awesome image slider: Thumbnails Navigation Gallery with jQuery. The problem is ..you have to click on "best shots" to see the thumbnail navigation... 1) How do you show this thumbnail navigation straight away on loading the page? (ie "best shots" and other list items dont need to be there) 2) and get the thumbnails show near the bottom of the page? 3) and also get the next image to fade in automatically say after 5 seconds, without having to click on a thumbnail, although one can?
I have created a site that my friends and I are using and Im trying to implement a simple image slider.
I can do this without any issues in its simplest form. The issue though is that there are 10 people posting pictures and the site displays their last 6. What I want to do is create a button after each row that allows the user to scroll through that users pictures, but i dont want to preload all images first as this will make the page slow.
This image shows what I maen - the black arrow would make that particular row scroll right - loading images as it went.
I'm trying to do some rollover images for a webpage I need to design, for class. I have them set up, and they work.. but the issue is that I set it up in such a way that the .js file is dynamic, and works for each page. You know, so that I don't actually have to specify the images within the .js file. The problem with THAT is that it doesn't automatically load the rollover version of each image, when the page loads.. so it's a bit sluggish.
I want to activate an image slider that is placed in a div loaded through an Ajax request. I'm using the JQuery Plugin Anythingslider. I've tried to use code similar to this without success:[URL].. The slide script works if loaded together with main page.But how do I activate a slider placed in a div that has been loaded through an Ajax request?
