html resim göserme kodunu asp.net e göre çevirme

Merhaba arkadaşlar, aşağıdaki kodları dinamik olarak ayarlamak istiyorum.
kodlardaki , a href="" ve img src bölümlerinin kodlarını nasıl değiştirmem gerek.

<div class="product-img-box">
<p class="product-image product-image-zoom">
<a href='./images/zoom1.jpg' class = 'cloud-zoom' id='zoom1' rel="adjustX: 10, adjustY:-4">
<img style="max-height:400px; width:400px;" src="./images/zoom1.jpg" alt='' title="" />
</a>
</p>

<div class="more-views">
<div class=" jcarousel-skin-tango">
<ul id="more_view">
<li><a href='../images/zoom2.jpg' class='cloud-zoom-gallery' title='Thumbnail 1'
rel="useZoom: 'zoom1', smallImage: './images/zoom2.jpg' "> <img style="max-height:92px; width:92px;" src="./images/thumbzoom2.jpg" alt = "Thumbnail 1"/></a></li>
<li> <a href='../images/zoom3.jpg' class='cloud-zoom-gallery' title='Thumbnail 2'
rel="useZoom: 'zoom1', smallImage: ' ./images/zoom3.jpg'"> <img style="max-height:90px; width:90px;" src="./images/thumbzoom3.jpg" alt = "Thumbnail 2"/></a> </li>
<li><a href='../images/zoom4.jpg' class='cloud-zoom-gallery' title='Thumbnail 3'
rel="useZoom: 'zoom1', smallImage: './images/zoom4.jpg' "> <img style="max-height:90px; width:90px;" src="./images/thumbzoom4.jpg" alt = "Thumbnail 3"/></a></li>
<li><a href='../images/zoom5.jpg' class='cloud-zoom-gallery' title='Thumbnail 3'
rel="useZoom: 'zoom1', smallImage: './images/zoom5.jpg' "> <img style="max-height:90px; width:90px;" src="./images/thumbzoom5.jpg" alt = "Thumbnail 3"/></a></li>
<li><a href='../images/zoom6.jpg' class='cloud-zoom-gallery' title='Thumbnail 3'
rel="useZoom: 'zoom1', smallImage: './images/zoom6.jpg' "> <img style="max-height:90px; width:90px;" src="./images/thumbzoom6.jpg" alt = "Thumbnail 3"/></a></li>
</ul>
</div>
</div>

</div>