26 juil. 2010

Déplacer une photo sur l'écran

C'est un script assez génial, trouvé chez  MIRAKS mais qui fonctionne seulement avec Internet Explorer

Il permet de déplacer des images sur votre blog. Il peut être utilisé pour créer un générateur de Dolls avec Imprim Ecran.

Amusez-vous à tester en déplaçant la ligne de poussins.

Copiez le code suivant
<STYLE>
<!--
.drag{position:relative;cursor:hand}
-->
</STYLE>
<SCRIPT language=JavaScript1.2>
<!--
/*
Drag and Drop Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var dragapproved=false
var z,x,y
function move(){
    if (event.button==1&&dragapproved){
        z.style.pixelLeft=temp1+event.clientX-x
        z.style.pixelTop=temp2+event.clientY-y
        return false
    }
}
function drags(){
    if (!document.all)
    return
    if (event.srcElement.className=="drag"){
        dragapproved=true
        z=event.srcElement
        temp1=z.style.pixelLeft
        temp2=z.style.pixelTop
        x=event.clientX
        y=event.clientY
        document.onmousemove=move
    }
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</SCRIPT>
<B class=drag>Déplacez ce texte ou cette image</B><IMG class=drag src="http://www.casimages.com/img/gif/0706201151346265729862.gif">
et collez le en HTML en complétant avec l'adresse de votre image


Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)