111 lines
2.7 KiB
JavaScript
111 lines
2.7 KiB
JavaScript
|
|
//Thumbnail image viewer-
|
|
//© Dynamic Drive (www.dynamicdrive.com)
|
|
//For full source code, usage terms, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
|
|
|
|
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")
|
|
|