Solved

jQuery Infinate Carousel Judder

Posted on 2010-09-02
3
380 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
  • 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…
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…

895 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

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now