title: jquery slider accepts droppable image
body: <p>I am facing problem in drag and drop.When i drop my  first image in slider the images dropped in slider and starts sliding.when i drop my second image in same slider the image comes but below the first one and continues sliding.Actually i want my images to be dropped in a horizontal manner.But my images are comes in a vertical manner .Please help me out.. Here is my code:</p>
  
  <pre><code>&lt;div class="slider5"&gt;
  
  
  
  &lt;div class="slide"&gt;
  
  
  
  &lt;div class="demo" id="demo"&gt;
  
  
  
  &lt;/div&gt;
  
  
  
   &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>css part begins...</p>
  
  <pre><code>.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;
    }
  </code></pre>
  
  <p>and js parts begins here:</p>
  
  <pre><code>$(document).ready(function(){
  
                      $('.slider5').bxSlider({
                             slideWidth:700,
                             minSlides: 1,
                             maxSlides: 10,
                             moveSlides: 1,
                             slideMargin: 2,
                             auto: true,
                          slideDirection: "horizontal", 
                          autoControls: true
                           });
  
                           });
  </code></pre>
  
  <p>demo is a id through which i makes droppable..</p>