Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Inserting a placeholder while images are loading

Posted on 2011-09-07
6
Medium Priority
?
694 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 2000 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article discusses how to implement server side field validation and display customized error messages to the client.
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)
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…
Suggested Courses

885 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