JQuery的阻力和的jCarousel

II中的圖片具有的jCarousel我填充圖像與列表視圖如下，whcih正常工作：JQuery的阻力和的jCarousel

<script type="text/javascript"> 

    jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel(); 

    }); 

</script> 

<div class="slidercontainer"> 
       <asp:ListView ID="lstImages" runat ="server" > 

       <LayoutTemplate> 
       <ul id="mycarousel" class="jcarousel-skin-tango"> 
       <asp:PlaceHolder ID="itemPlaceholder" runat="server" /> 
       </ul> 
       </LayoutTemplate> 

       <ItemTemplate> 
       <li> 
       <image src="../Images/<%#Eval("ID") %>/<%#Eval("ImageName") %>" width="95" height="75" alt="" /> 
       </li> 
       </ItemTemplate> 

      <EmptyDataTemplate> 
      <div> 
      No Images To Display 
      </div> 
      </EmptyDataTemplate> 

       </asp:ListView> 

      </div>

我怎麼會做這些圖像拖能夠在一個div拖放？我已經搜索，但無法找到任何有關它。

您的幫助，將不勝感激。

編輯：

我發現這個腳本，只適用於一個圖像只有當我刪除它加載的jCarousel上面的腳本：

<script type="text/javascript"> 

$(init); 

function init() { 
    $('#makeMeDraggable').draggable(); 
    $('#makeMeDroppable').droppable({ 
    drop: handleDropEvent 
    }); 
} 

function handleDropEvent(event, ui) { 
    var draggable = ui.draggable; 
    alert('The square with ID "' + draggable.attr('id') + '" was dropped onto me!'); 
} 

</script>

來源

2012-02-24 Zaki