Solved

Inserting a placeholder while images are loading

Posted on 2011-09-07
6
681 Views
Last Modified: 2014-05-14
I am using a jQuery slide show called CrossSlide, which is introduced at http://tobia.github.com/CrossSlide/   My web page is at www.mauitradewinds.com/Experts  I need some guidance regarding how to implement the author's method of inserting a placeholder (the first image in the slide show) so that there is not a blank screen while images are loading. Please ignore the broken links on my web page -- I haven't uploaded files which are unrelated to the question at hand.
0
Comment
Question by:ddantes
  • 3
  • 3
6 Comments
 

Author Comment

by:ddantes
Comment Utility
No comments after more than twelve hours, but I don't see a Request Attention button on this page.
0
 
LVL 14

Accepted Solution

by:
R-Byter earned 500 total points
Comment Utility
Why dont you put it llike this:

<div id="crossslide" style="width:1000px;height:602px;">
<img src="Rotator/1.jpg" />
</div>

Open in new window


Regards
0
 

Author Comment

by:ddantes
Comment Utility
Thank you for your comment.  Would the following also work?

<div align="center"><div id="crossslide" style="width:1000px;height:602px;background-image: url(Rotator/1.jpg);"></div>
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 
LVL 14

Expert Comment

by:R-Byter
Comment Utility
It should, but there is a possibility that you'll see that background image during transitions.

Regards
0
 

Author Comment

by:ddantes
Comment Utility
Thank you very much!
0
 
LVL 14

Expert Comment

by:R-Byter
Comment Utility
You're welcome and thanks for the points.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

728 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

9 Experts available now in Live!

Get 1:1 Help Now