SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Apr 2007
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    need zooming images to also be links

    js
    Code:
    <script>
    //This and others free scripts you can find ?on a site: artdhtml.com
    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 write_div(text){
    	if(ns4){
    		div1.document.open();
    		div1.document.write(text);
    		div1.document.close();
    	}
    	else {div1.innerHTML=text;}
    } 
    function big(n){
    ondiv=n
    		write_div("<a href=javascript:void(0) onmouseout='big_hide()' onmouseover='ondiv=1'><img border=0 name=ib src="+n+"></a>");
    		move_div(x,y)
    }
    function big_hide(){
    	ondiv=0;
    	t3=window.setTimeout('big_hide2()',100)
    }
    function big_hide2(){
    if (ondiv==0){
    	write_div("");
    	move_div(-10000,-10000)}
    }
    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>
    zooming image that I need to also be a link
    Code:
    <a href="javascript:void(0)" onMouseOver="big('mexicantable.jpg')" onMouseOut="big_hide()"><img height="170" width="110" style="position:relative; top:0px; left:-10px;" src="mexicantablesm.jpg" border="0" name=i1></a

  2. #2
    I'll take mine raw silver trophy MikeFoster's Avatar
    Join Date
    Dec 2002
    Location
    Alabama, USA
    Posts
    2,560
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just replace my URL (in bold) with yours:
    Code:
    <a href="http://cross-browser.com/" onMouseOver="big('mexicantable.jpg')" onMouseOut="big_hide()"><img height="170" width="110" style="position:relative; top:0px; left:-10px;" src="mexicantablesm.jpg" border="0" name=i1></a>

  3. #3
    SitePoint Addict
    Join Date
    Apr 2007
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm an idiot...

    Thanks!!!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •