Solved

Inserting a placeholder while images are loading

Posted on 2011-09-07
6
684 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
ID: 36503905
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
ID: 36506022
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
ID: 36506044
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
How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

 
LVL 14

Expert Comment

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

Regards
0
 

Author Comment

by:ddantes
ID: 36506148
Thank you very much!
0
 
LVL 14

Expert Comment

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

Featured Post

Industry Leaders: 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 …
Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
Learn the basics of strings in Python: declaration, operations, indices, and slicing. Strings are declared with quotations; for example: s = "string": Strings are immutable.: Strings may be concatenated or multiplied using the addition and multiplic…
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

735 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