You are seeing this very light version of the page, as you are using an outdated
browser!
Onlinetools.org 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.
Pic-O-Matic is a Javascript that allows you to dynamically change an image in a page.
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.
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:
picomatic('dummy','yourimage','divtag')
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.
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+)
