Maximizing and Restoring HTML Images: Layer Method
Maximizing and Restoring HTML Images: Layer Method (Page 1 of 4 )
You must have come across web pages with images that can be enlarged (maximized) and restored within the same page. There is normally a small clickable area on the image. When you click this area, the image is maximized. While the image is maximized, there is still a small clickable area on the image which, if you click it, the image is restored to its former size. This phenomenon is common in e-commerce or shopping web sites.
I have a special method to achieve this, involving no clickable area on the image. You click the image and it maximizes itself, covering any element (text) it has to cover at its maximum size. When you click the maximized image, it restores itself.
At the moment I am writing an article series on the topic of database forms with HTML. In one part of that series, I explained how to maximize and restore images that are in an HTML tabular form. The method in this article is one of the methods I used; it is my favorite, in fact. Note that in that part of the series I only used the principles established here, and did not explain the details. There I only explained how the principles I will illustrate here fit with HTML tabular forms.