Show big image - Free scripts

Show big image

Often it happens it is necessary to have on page the small images, which should be increased. This script allows it to make. The image can be in any position. The script will find a place for the large image on a position of your mouse, when you click under the small image or move on it.

This script detects the mouse position and:

1. show big image by onmouseover event

2. show big image by onmouseover event or by mouse onclick

3. show big image by mouse onclick event

For the test - Move the mouse on 1 and 2 images and click on 2 and 3 images

The script works in Internet Explorer, in Netscape4, in Netscape6, and in Opera.

Code:

ns4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? 1 : 0;
ie4=(document.all && !document.getElementById)? 1 : 0;
ie5=(document.getElementById && document.all)? 1 : 0;
ns6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? 1: 0;
w3c=(document.getElementById)? 1 : 0;

wid=(ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36

if(ns4){document.write ('<layer name="di1"></layer>')}else{document.write ('<div id="di1" style="position:absolute;z-index:100" ></div>')}

outd=""

if(w3c)div1=document.getElementById('di1')
if(ie4)div1=document.all['di1']
if(ns4)div1=document.layers['di1']

function move_div(x,y){
	if (isNaN(x+y))return
	if(ns4){div1.moveTo(x,y)}else{div1.style.left=x+'px';div1.style.top=y+'px';}
}

function big_hide(){
	ondiv=0;
	t3=window.setTimeout('big_hide2()',100)
}

function big_hide2(){
if (ondiv==0){
	write_div("");
	move_div(-1000,-1000)}
}

y=x=0
function dragIt(evt){if(ie4||ie5){x=window.event.clientX+document.body.scrollLeft; y=window.event.clientY+document.body.scrollTop}else {x=evt.pageX ; y=evt.pageY }}

document.onmousemove = dragIt
if(ns4){document.captureEvents( Event.MOUSEMOVE )}

</script>

If you want to reprogram your site for all browsers (Internet Explorer, Netscape4 and Netscape6) write to us. Our prices - $ 5 per hour.