title: image slider using explode function
body: <p>I'm working on a product display slider which displays product images from database 
  Now I am trying to use explode function to display one by one</p>
  
  <p>problem is that all images a showing in one go rather then one by one</p>
  
  <p>here is the code</p>
  
  <pre><code>&lt;div class="col-md-9"&gt;
      &lt;div class="col-md-5 grid"&gt;     
          &lt;div class="flexslider"&gt;
          &lt;?php $photos = explode(',',$products['image']);
                  foreach($photos as $photo):?&gt;
                &lt;ul class="slides"&gt;
                  &lt;li data-thumb="&lt;?= $photo; ?&gt;"&gt;
                      &lt;div class="thumb-image"&gt; &lt;img src="&lt;?= $photo; ?&gt;" data-imagezoom="true" class="img-responsive"&gt; &lt;/div&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
                &lt;?php endforeach; ?&gt;
          &lt;/div&gt;
      &lt;/div&gt;  
  </code></pre>