title: How to make a swipe effect in the image slider?
body: <p>I made an image slider using this plugin <a href="http://slidesjs.com/" rel="nofollow">http://slidesjs.com/</a> while ago for a mobile website. To meet the requirements of my client I also made some modifications in the plugin and triggered some functions on the events defined by the plugin. Now, a swipe effect is also required in the slider to images of slider by moving them using touch. </p>
  
  <p>I used some swipe codes but they conflict with the plugin I used before to make a slider. Like at one time you can only use one functionality at one time.</p>
  
  <pre><code>    &lt;div class="slides-wrapper"&gt;
          &lt;div class="wrapper-spacer"&gt;&lt;/div&gt;
          &lt;div class="slides-container"&gt;
              &lt;div id="productImage1" class="slideshow-image"&gt;
                  &lt;img src="../images/ecommerce-work-1.png" alt="Product 1" /&gt;
              &lt;/div&gt;
              &lt;div id="productImage2" class="slideshow-image"&gt;
                  &lt;img src="../images/ecommerce-work-2.png" alt="Product 2" /&gt;
              &lt;/div&gt;
              &lt;div id="productImage3" class="slideshow-image"&gt;
                  &lt;img src="../images/ecommerce-work-3.png" alt="Product 3" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is the markup of main image slider container the plugin for slider is using two more containers for pagination and next previous button. While their is another container which I am using to display name of the image. I explored some sliders plugin but they are very rough, not using variables for the class names rather than names. So everything is producing a lot of errors. It is hard for me to make changes in the core of javascript plugins because I am not a front end developer and more familiar with php</p>
  
  <p>I used this plugin <a href="http://superdit.com/2011/08/28/swipe-like-effect-based-on-jquery-ui-draggable/" rel="nofollow">http://superdit.com/2011/08/28/swipe-like-effect-based-on-jquery-ui-draggable/</a> to introduce the swipe effect in image slider.</p>