jquery滑块接受可放置的图像

Question

我在拖放时遇到问题。当我在滑块中放下第一张图像时，图像会在滑块中掉落并开始滑动。当我将第二张图像放在同一个滑块中时，图像会出现但低于第一张图像并继续滑动。实际上我想让我的图像以水平的方式掉落。但我的图像是垂直的。请帮帮我..这是我的代码：

<div class="slider5">



<div class="slide">



<div class="demo" id="demo">



</div>



 </div>



</div>

css部分开始...

.demo{
    max-width:800px;
    width: 55px;
    min-height:60px;
    max-height: 70px;
    float: left;
    list-style: none; 
    position: relative; 
    margin-right: 2px;
    }
.demo div 
 {
  background-color: black;
  width: 100%;
  display: inline-block;
  }

和js部分从这里开始：

$(document).ready(function(){

                    $('.slider5').bxSlider({
                           slideWidth:700,
                           minSlides: 1,
                           maxSlides: 10,
                           moveSlides: 1,
                           slideMargin: 2,
                           auto: true,
                        slideDirection: "horizontal", 
                        autoControls: true
                         });

                         });

demo是一个id，通过它我可以使用droppable ..