displaying images in a slider
<p>I want to know is there an easy way in order to be able to place images in a loop as below in like a slider? The user sees first image in a slider and then by using arrows for example, be able to slide to next to next or previous image. If user is on last image and wants to go on next image, it displays the first image again. if user is on first image and click on previous, it goes on last image. So it stays continuous.</p>

<p>Below is code where if there are no images then it displays a blank but if there are images, then displays those images in a slider:</p>

<pre><code>&lt;?php
        //start:procedure image
        $img_result = '';
        if(empty($arrImageFile[$key])){
          $img_result = '&amp;nbsp;';
        }else{

?&gt;


&lt;?php foreach ($arrImageFile[$key] as $i) { ?&gt;
&lt;p&gt;&lt;img alt="&lt;?php echo $i; ?&gt;" height="200" width="200" src="&lt;?php echo 'ImageFiles/'.$i; ?&gt;"&gt;&lt;/p&gt;
&lt;?php } ?&gt;


&lt;?php

        }
        //end:procedure image
</code></pre>
