[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

JQuery Slideshow Help in Safari

Posted on 2011-03-02
2
Medium Priority
?
736 Views
Last Modified: 2013-12-07
My main browser is Safari 5.0.3.

I have a page that uses a slideshow based on JQuery elements and CSS. I have an unrelated widget on the page that fetches information from an external source. When the page loads in Safari, all the images in the slideshow are temporarily displayed for less than a second, then the page looks correct and the slideshow functions as it should.

A test page without the widget is correct from the start.

The same effect happens in FireFox 3.5.7 for Mac, but is so fast you almost don't notice it. And, subsequent reloads of the page don't show the problem at all.

It seems like a Safari issue and I don't have Windows/Explorer to test. Any help to make the problem go away is appreciated.

http://www.gailjennings.pro/not_working_correctly.php

http://www.gailjennings.pro/working_without_widget.php

Thank you.
0
Comment
Question by:SlickCatSeven
[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 Comments
 
LVL 8

Accepted Solution

by:
McNetic earned 2000 total points
ID: 35022003
The effect occurs in every browser, it just may not be visible because of fast loading / page rendering. This is also why it does not happen again on reload. It is by design; in your html, all images are visible and displayed below each other, and when the page is loaded, the javascript starts and hides all but one image.

Try adding style="display: none" to all but the first image in your html code to prevent this from happening (and display fine without js enabled).
0
 

Author Closing Comment

by:SlickCatSeven
ID: 35022051
It works, thank you.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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.
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
Suggested Courses

650 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