title: How to get img src attribute from an ul of images?
body: <pre><code>&lt;ul id="ulGall"&gt;
  &lt;li&gt;&lt;img src="gaLL/red.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="gaLL/blue.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="gaLL/white.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="gaLL/orange.jpg"/&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>$(document).ready(function() {
   x = 0;
   z = $('#ulGall li').length;
  });  
  </code></pre>
  
  <p>.</p>
  
  <pre><code>$('#btnR').click(function() {
      if(x == z) {x = 1;} 
      else {x = x + 1;} // till here everything works  
  
      alert ($('ulGall').index =x, src attribute // just as description 
  </code></pre>
  
  <p>i.e. - give me img <code>src</code> attribute - where <code>li index = x</code></p>
  
  <p>So first click should be <code>gaLL/red.jpg</code><br>
  Next click - <code>gaLL/blue.jpg</code> and so on<br>
  After orange - red again.</p>