You are seeing this very light version of the page, as you are using an outdated browser! is done in XHTML 1.0 and supports CSS 2.0, please upgrade your browser if you want a better version of this site.
Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.

open or close right navigation


Version History
Short information
Long Information
Installation notes
Usage notes
Demo URLs

Category: Javascript Version:1.0
Last page update:14.04.2003

»Download Pic-o-Matic.

»Launch Pic-o-Matic.

Version History

- 1.0 Initial release

Short information

Pic-O-Matic is a Javascript that allows you to dynamically change an image in a page.

back up


- Do not use it for non-private, profit orientated sites
back up


- Browser with Javascript
back up

Long information

As I got an email of someone asking if there is a possibility to give the pic in Thumb-O-Matic a variable location on the site, I had to invent this routine.

It is nowhere as fancy as Thumb-O-Matic, just a bastardised version of the common mouseover script. So with this you have the ability to "dynamically" change a picture in the page at a fixed location.

The disadvantage of it is that you cannot change the size of the pic, all pics displayed with this routine have to be the same size.

back up

Installation Notes

Using Pic-O-Matic is quite easy, just put the javascript part in your <head> section of the page and insert a transparent gif as an image into the page.

This "dummy" will be replaced by the other pics later on, so it's measurements define the ones of the displayed pictures.

For Pic-O-Matic to work, this picture should get the name "dummy":

<img src="img/dot_clear.gif" name="dummy" width="100" height="100" alt="" border="0">

To exchange this picture with the desired one, you simply call Pic-O-Matic by:


Where yourimage is the image to be displayed and divtag is the layer where the image is located in, you only need to set this variable if the target image is in a layer.

back up

Usage Notes

Pic-O-Matic uses HTML 3.2, and Javascript 1.1, the routine itself is not executable without the appropriate HTML Document with the "dummy" image inside.

The script needs a browser that recognizes the "image" element (Netscape 3+, IE 4+)

back up

Demo pages

- Pic-O-Matic demo page
back up




Click to decrease fontsizeClick to increase fontsize



sponsored by :



Help, donate via paypal




Link to us

copy the code here:

Powered by EasyCMS