2010-04-19 87 views
1

hy,我有一個圖像的名稱的PHP陣列! 我列出所有的圖片使用:拖放jQuery和PHP

$files = $_SESSION['files']; 
$imgid = $_POST['id']; 
if ($files){ 
     foreach($files as $image): 
      print '<li id="liupimages">'."\n"; 
       print '<a href="uploads/'.$image.'"><img id="'.$imgid.'" alt="'.$image.'" src="uploads/'.$image.'"></a>'."\n"; 
      print "</li>\n"; 
     endforeach; 
    print <<<JS 
<script> 
$(".thumbs li a").click(function(){ 
    var largePath = $(this).attr("href"); 
    $('.thumbs li').removeClass('thumbac'); 
    $(this).parent().addClass('thumbac'); 
    $("#largeImg").hide() 
        .attr({ src: largePath }) 
        .load(function() { 
         $(this).show(); 
        }); 
    return false; 
}); 

</script> 
JS; 
} 

使用jQuery UI的拖動和使用此功能下降圖片:

$(function() { 
    $("#upimagesQueue").sortable({ opacity: 0.6, cursor: 'move', update: function() { 
    //??               
    }         
    }); 
}); 

後,我拖放一個像我希望能夠到更新php數組! 如何做到這一點?

回答

0

不要使用jQuery使用DOM拖動它的更好,功能更多。

添加以下代碼:

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/domdrag/dom-drag.js"></script> 
<script type="text/javascript"> 
Drag.init(document.getElementById("exampleid")); //sets the id to look for to make object draggable 
</script>