Home arrow HTML arrow Page 4 - Building an Image Gallery with Active Client Pages
HTML

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
TABLE OF CONTENTS:
  1. · Building an Image Gallery with Active Client Pages
  2. · The Strategy
  3. · The Code
  4. · Response from browsers

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Building an Image Gallery with Active Client Pages - Response from browsers
(Page 4 of 4 )

The code works with following major browsers: Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 and Safari 3.

The code works with all of these browsers. However, the more complicated code in the next part of the series will not work with all these browsers.

You can download the above complete code (HTML and image files) from here:

simpleImageGallery.ZIP

You need a personal web server for the demonstration. After unzipping the file, copy the HTML file to the root directory of your personal web server. Create a directory in your root directory called images and copy the image files there.

Open your browser and type http://localhost/simpleImageGallery.htm in the address bar and click Go. You should see the first image. You can then click the “Next Picture” button to see the other images.

With the personal web server I am using, the domain is localhost; that is why the HTML file in the link you type in the address bar is preceded by http://localhost/.

In the next part of the series, we shall look at a more complicated case.


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 9 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials