Solved

Inserting a placeholder while images are loading

Posted on 2011-09-07
6
683 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
Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

 
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

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

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

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to dynamically set the form action using jQuery.
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

808 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