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

Building an ACP 3D HTML Table Image Gallery


In this article I show you how the technology of Active Client Pages can be used to speed up the operation of a 3D HTML table image gallery. This technique is especially useful when visitors reach your site through a slow Internet connection. This is the first part of a two-part series.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
August 04, 2009
TABLE OF CONTENTS:
  1. · Building an ACP 3D HTML Table Image Gallery
  2. · Summary of Principles for 3D HTML Tables
  3. · Summary of a Simple Project of Image Gallery in 3D Table
  4. · JavaScript Code for an Ordinary 3D Image Gallery

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Building an ACP 3D HTML Table Image Gallery - JavaScript Code for an Ordinary 3D Image Gallery
(Page 4 of 4 )

This is the skeleton code for the JavaScript used to see the pictures of the different planes, and to maximize a picture:

var present = 0; //for changing vertical planes

 

function scrollInward()

{

//show the next plane of pictures – moving inward

}

 

var maximized = false; //true when an image is maximized

 

//function to maximize the image.

function maximizeFn(ID)

{

//function to maximize a particular image

}

 

//function to restore the image.

function restoreFn(ID)

{

//function to restore the maximized image

}

 

//function to call either the maximizeFn() or restoreFn()

function maxRest(ID)

{

//if the variable, maximized is true, call restoreFn(ID) else call maximizeFn()

}

 

Read the above skeleton code. I will not explain it any further in this two-part series. You will have the complete code at the end of this series.

Let us take a break here, and continue in the next part of the series.


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