Vignette - Tout pour le Javascript aux 1001 Astuces Nam@ni

1001 Astuces Nam@ni
http://www.namani.net
Vignette ou Texte

ça marche aussi avec des liens texte :

image 1 image 2 image 3

on peut déplacer l'image, en la tirant par sa barre supérieure !

Placer entre les tags <head>

<script>
var ie=document.all
var ns=document.layers
var ns6=document.getElementById&&!document.all
function pluSnamani(queLnamani,e){
if (ie||ns6){
ttNamani=document.getElementById? document.getElementById("woWnamani") : document.all.woWnamani
if (ttNamani.style.visibility=="hidden"){
ttNamani.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX
ttNamani.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY
ttNamani.innerHTML='<div align=right id=drag><b onClick=ferMnamani()>X</b></div><img src="'+queLnamani+'">'
ttNamani.style.visibility="visible"
}// http://www.namani.net 
else
ttNamani.style.visibility="hidden"
return false
}
else if (document.layers){
if (document.woWnamani.visibility=="hide"){
document.woWnamani.document.write('<a href="#" onMouseover="tiRnamani(woWnamani)"><img src="'+queLnamani+'" border=0></a>')
document.woWnamani.document.close()
document.woWnamani.left=e.x
document.woWnamani.top=e.y
document.woWnamani.visibility="show"
}
else
document.woWnamani.visibility="hide"
return false
}
else
return true
}
function ferMnamani(){
ttNamani.style.visibility="hidden"
}
</script>
<script language="JavaScript1.2">
var nsx,nsy,nstNamani
function tiRnamani(nOm){
tNamani=eval(nOm)
tNamani.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
tNamani.onmousedown=vazNamani
tNamani.onmousemove=tiReNamani
tNamani.onmouseup=stpNamani
}// http://www.namani.net 
function vazNamani(e){
tNamani.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function tiReNamani(e){
tNamani.moveBy(e.x-nsx,e.y-nsy)
return false
}
function stpNamani(){
tNamani.releaseEvents(Event.MOUSEMOVE)
}
function tiRdePnamani(e){
if (ie&&oKnamani){
ttNamani.style.left=tNamanix+event.clientX-offsetx
ttNamani.style.top=tNamaniy+event.clientY-offsety
}
else if (ns6&&oKnamani){
ttNamani.style.left=tNamanix+e.clientX-offsetx
ttNamani.style.top=tNamaniy+e.clientY-offsety
}
return false
}
function vatiRNamani(e){
if (ie&&event.srcElement.id=="drag"||ns6&&e.target.id=="drag"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY
tNamanix=parseInt(ttNamani.style.left)
tNamaniy=parseInt(ttNamani.style.top)

oKnamani=true
document.onmousemove=tiRdePnamani
}
}
document.onmousedown=vatiRNamani
document.onmouseup=new Function("oKnamani=false")
</script>