Resim Penceresi Görüntüleme/Gizleme

Tümünü Seç

<HTML>
    <HEAD>
    <TITLE>Resim penceresi görüntüleme/Gizleme</TITLE>
    <SCRIPT>
 
var ie=document.all
 
var ns=document.layers
 
var ns6=document.getElementById&&!document.all
 
 
 
function enlarge(which,e){
 
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
 
}
 
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>
 
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)
 
}
 
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>
    </HEAD>
    <BODY>
    <div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div>
    <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)""><img src="new.gif" _fcksavedurl="new.gif" border="0"></a>
    <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)"">Resim penceresi görüntülemek için tıklayınız.</a>
    </BODY>
    </HTML>

Örnek:

Resim penceresi görüntülemek için tıklayınız.