Solved

jQuery Infinate Carousel Judder

Posted on 2010-09-02
3
383 Views
Last Modified: 2012-05-10
Hi Experts,

I have been developing a product scroller for a website, I’m using jQuery 1.4.2 Min and Infinite Carousel to scroll products on a page, the problem I am facing is that there is a noticeable judder to the images of the products within the scroller upon pressing either the next or previous buttons. I have managed to minimise the judder using backgrounds on all elements, but the judder still appears in IE7/8 slightly, whereas it is not present in Chrome and FireFox.

Here is the culprit page: http://perfectbeautyuk.com/category.php?id=11

Any help would be much appreciated.

Regards,
Htgits
0
Comment
Question by:htgits
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 13

Expert Comment

by:darren-w-
ID: 33585689
does the judder appear without the images present? ie with just the frames?
0
 
LVL 3

Author Comment

by:htgits
ID: 33587665
Not that i am aware, but i can't be sure. The images make the judder more visible thats for sure.
0
 
LVL 3

Accepted Solution

by:
htgits earned 0 total points
ID: 33616363
I've fixed the problem, was a background image on the image that was causing the problem.
0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question