Home arrow HTML arrow Page 4 - Completing an ACP 3D HTML Table Image Gallery
HTML

Completing an ACP 3D HTML Table Image Gallery


Welcome to the second part of a two-part series that explains how to set up a three-dimensional HTML image gallery using Active Client Pages (ACP). In this part of the series, among other things, we'll get a close look at the JavaScript that helps to keep things running smoothly.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
August 11, 2009
TABLE OF CONTENTS:
  1. · Completing an ACP 3D HTML Table Image Gallery
  2. · The Content of the DIV Element
  3. · Content continued
  4. · User Viewing the Gallery for the Second Time

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Completing an ACP 3D HTML Table Image Gallery - User Viewing the Gallery for the Second Time
(Page 4 of 4 )

It may be possible that the user might have seen the gallery yesterday and today he wants to open the page and go straight to a particular image in the second plane. So, as soon as the page is opened, he clicks the button to reach the second plane, but to his amazement, after all the noise we've made about increased speed with ACP, he does not see the images of the second plane, because the images have not yet been downloaded. 

The second set of images is supposed to be downloaded while he is seeing the first set of images. In this case, however, he did not spend any time on viewing the first set of images. Well, this situation can arise, but the probability that it would arise is small, for the following reasons:  

  • Images galleries are usually arranged in order, so that you see the first set of images before you see the next set, then the next set, and so on; or you see the first image, then the next one, then the next, and so on.

  • In a gallery, the user would hardly ever memorize the particular position of a particular image. There are usually many images. So a user may vaguely remember what and where the image was. So he or she would still have to follow the order in which the images are arranged to get to the image in question. In this case, the user may not spend too much time with the preceding set of images, but would still spend some time. The next set of images are downloaded in whatever time is spent looking at the first set; this would still give the impression of fast operation. 

  •  

     

You can download the complete code for this series from:

 

< -- ACP3DImageGallery.ZIP -- >

 

Well, we have come to the end of this series. I hope you appreciated it.


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 4 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials