Home arrow HTML arrow Building an Image Gallery with Active Client Pages

Building an Image Gallery with Active Client Pages

When you have a web page in front of you that is of an image gallery and your Internet connection is slow, you will notice that, when you click a button or link to see the next image, this next image generally takes a long time to appear. If you read this two-part series, visitors to your web site will no longer have to wait a long time for images to appear in their entirety. Thanks to a new technology called Active Client Pages, abbreviated ACP, only the first image or the first set of images will take a long time to appear on the screen.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
July 21, 2009
  1. · Building an Image Gallery with Active Client Pages
  2. · The Strategy
  3. · The Code
  4. · Response from browsers

print this article

Building an Image Gallery with Active Client Pages
(Page 1 of 4 )


In the first part of the series I consider the case when you have only one page, with about 30 images. In the second part of the series I consider the case where you have categories of images (images in different categories of an institution, for example).

You need basic knowledge of HTML, JavaScript, Ajax and Perl to understand this two-part series.

In this part of the series I consider only the case where you have a single page.

Active Client Pages

Active Client Pages is defined as the production of HTML pages at the client computer by the browser using web technology.

The secret of Active Client Pages lies in the fact that after the first page has been downloaded by the browser, other pages or data are downloaded in advance in the background, without the user knowing, and stored in an HTML master page (or frameset). This master page or frameset is the first page downloaded. By the time the user has finished dealing with the first page, the information for the next few pages would have arrived at the browser. When the user needs the next page or data, the browser displays it from the store (master page).

This Chapter

The secret given above is applicable to large projects similar to the one we shall see in the next chapter. Our project in this chapter will feature one web page with about 30 images, and we want each image to be displayed after the other without any delay. The secret here is that, apart from the first image that is downloaded with the web page, the rest of the images are downloaded in advance, after the first image and the web page have been downloaded. We shall see how to achieve all of this below.

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


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