Solved

Inserting a placeholder while images are loading

Posted on 2011-09-07
6
682 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
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

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 …
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

785 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