Solved

jQuery Infinate Carousel Judder

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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to show span when clicked on? 10 22
JavaScript let vs var 5 27
Multiflying 2 Input Text On a Table 7 20
IE - Where is Gear Icon or Help 5 8
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
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.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

777 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