Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di lake86
    Registrato dal
    Dec 2006
    Messaggi
    705

    immagine in div scorrevole con trascinamento

    Devo realizzare uno script dove in un div, viene caricvara un immagine diù grarra di esso e trascinando col mouse devo muoverla, tutto senza scroll, come posso fare? quilche input?

  2. #2
    Utente di HTML.it L'avatar di lake86
    Registrato dal
    Dec 2006
    Messaggi
    705
    in parte ho fatto..... ho solo un problema... non riesco a fare in modo che quando l'immagine finisce non scorra +a destra e in basso, questa cosa son riusito a farla per l'alto e la sinistra.... suggerimenti?


    <form name="test" ID="Form1">
    <div style="OVERFLOW: hidden; width:300px; height:300px" id="testing">
    [img]../test.gif[/img]
    </div>
    </form>

    <script language="javascript">
    Codice PHP:
    var div=document.getElementById('testing');
    div.onmousedown=drags;
    div.onmouseup=new Function("dragapproved=false")
    var 
    dragapproved=false
    var z,x,y
    function move(){
        if (
    event.button==1){
            if (
    div.style.pixelLeft>=temp1+event.clientX-x){ // limite sinistro
                
    z.style.pixelLeft=temp1+event.clientX-x
            
    }        
            if (
    div.style.pixelTop>= temp2+event.clientY-y){ // limite alto
                
    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
        
    }


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.