title: slideshow images using jQuery Cycle Plugin
body: <p>I am trying to slideshow images using jQuery Cycle Plugin,
  but it is not working. How to make it runnable.</p>
  
  <p>Included scripts</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://malsup.github.com/jquery.cycle.all.js"&gt;&lt;/script&gt;    
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .pics {  
              height:  232px;  
              width:   232px;  
              padding: 0;  
              margin:  0;  
          } 
  
          .pics img {  
              padding: 15px;  
              border:  1px solid #ccc;  
              background-color: #eee;  
              width:  200px; 
              height: 200px; 
              top:  0; 
              left: 0 
          }
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>  $(function(){
          $('.pics').cycle('fade');
      });​
  </code></pre>
  
  <p>Pic Div</p>
  
  <pre><code>          &lt;div class="pics"&gt;
                  &lt;img src="http://davealger.info/i/1.jpg"  width="200" height="200"  /&gt;
                  &lt;img src="http://davealger.info/i/2.bmp"  width="200" height="200"  /&gt;
                  &lt;img src="http://davealger.info/i/3.png"  width="200" height="200" /&gt;
              &lt;/div&gt;
  </code></pre>