?
Solved

Jquery cycle - unstyled images displayed for a second before cycle starts

Posted on 2009-04-17
1
Medium Priority
?
249 Views
Last Modified: 2012-08-14
Hi

I'm trying to implement the jQuery Cycle demo here:
http://www.malsup.com/jquery/cycle/

It works, but my problem is that as the page loads all 3 images are shown briefly, one on top of the other. Once the page is fully loaded everything works OK.
I've tried removing all unnecessary CSS in an attempt to get it to load faster but it doesn't help. I'm running this on a Drupal site and have tried with caching enabled and disabled, but neither makes a difference, so I'm thinking the problem lies somewhere else. You can see the problem in action at www.cumbrevillas.com/landing/test

Can anyone help?
Thanks

P
0
Comment
Question by:pookam
1 Comment
 

Accepted Solution

by:
pookam earned 0 total points
ID: 24169092
I should have searched the knowledgebase before posting the question!
I just found my question answered in Q 24083051. The solution is to add overflow: hidden to the container div.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

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 …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to dynamically set the form action using jQuery.
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)
Suggested Courses
Course of the Month14 days, 1 hour left to enroll

809 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