Merhaba,
Alttaki bölümü veritabanı bağlantısından sonra while döngüsüne alıp gerekli yerleri veritabanından gelen verilerle her döngüde değiştirmeniz gerekiyor (resim adı, id)

<div role="tabpanel" class="tab-pane" id="three"> 
<div class="s-product-img"> 
<!-- Discount - new - hot --> 
<span class="special"><a href="#"><i class="pe-7s-plus"></i></a</span> 
<!--/ Discount - new - hot --> 
<a href="#"><img src="img/product/single/4.jpg" alt="" id="[B]zoom_03[/B]"</a> 
</div>
</div>