?
Solved

jQuery Infinate Carousel Judder

Posted on 2010-09-02
3
Medium Priority
?
386 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

Enroll in August's Course of the Month

August's CompTIA IT Fundamentals course includes 19 hours of basic computer principle modules and prepares you for the certification exam. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

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

Several part series to implement Internet Explorer 11 Enterprise Mode
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
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)
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
Suggested Courses

770 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