Küçük Resim (resimli)
Mouse ile resme tıkladığınızda resmin küçük bir kopyası çıkıyor, bu küçük resmi taşıyabilir yada kapatabilirsiniz.
ÖRNEK
<DIV id=showimage style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; POSITION: absolute"></DIV> <P align=left><A onclick="return enlarge('resim2.gif',event)" href="resim2.gif"><IMG height=50 alt="Click to view image" src="resim2.gif" width=50 border=1></A> </P> <SCRIPT> //Thumbnail image viewer- //© Dynamic Drive (www.dynamicdrive.com) //For full source code, usage terms, and 100's more DHTML scripts, visit var ie=document.all var ns=document.layers var ns6=document.getElementById&&!document.all function enlarge(which,e){ //Render image code for IE 4+ and NS6 if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (crossobj.style.visibility=="hidden"){ crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">' crossobj.style.visibility="visible" } else crossobj.style.visibility="hidden" return false } //Render image code for NS 4 else if (document.layers){ if (document.showimage.visibility=="hide"){ document.showimage.document.write('<a href="#" onMouseover="drag_dropns(showimage)"><img src="'+which+'" border=0></a>') document.showimage.document.close() document.showimage.left=e.x document.showimage.top=e.y document.showimage.visibility="show" } else document.showimage.visibility="hide" return false } //if NOT IE 4+ or NS 4, simply display image in full browser window else return true } function closepreview(){ crossobj.style.visibility="hidden" } </SCRIPT> <SCRIPT language=JavaScript1.2> //By Dynamicdrive.com //drag drop function for NS 4//// ///////////////////////////////// var nsx,nsy,nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ temp.moveBy(e.x-nsx,e.y-nsy) return false } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for IE 4+ and NS6//// ///////////////////////////////// function drag_drop(e){ if (ie&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx crossobj.style.top=tempy+event.clientY-offsety } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx crossobj.style.top=tempy+e.clientY-offsety } return false } function initializedrag(e){ if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){ offsetx=ie? event.clientX : e.clientX offsety=ie? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false") </SCRIPT>
Copyright © 2002-2004 www.javascriptbankasi.com.tr.tc
Mail:javascriptbankasi@hotmail.com