JQuery перетащить изображение из jcarousel - PullRequest
Новая
       16

JQuery перетащить изображение из jcarousel

0 голосов
/ 24 февраля 2012

У меня есть 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>

1 Ответ

0 голосов
/ 28 февраля 2012

Нашел эту замечательную статью, которая делала именно то, что я хотел:

http://mypaaji.com/Index.php/how-to-create-a-shopping-cart-widget/

...