HTML Part for Beautiful jQuery Sliders

<div id='header1'>
<div class='wrap1'>

<div id='slide-holder'>
<div id='slide-runner'>
<a href=''><img alt='' class='slide' id='slide-img-1' src='http://upic.me/i/s4/naturephoto.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-2' src='http://upic.me/i/yt/naturephoto1.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-3' src='http://upic.me/i/33/naturephoto2.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-4' src='http://upic.me/i/pt/naturephoto3.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-5' src='http://upic.me/i/hm/naturephoto4.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-6' src='http://upic.me/i/s9/naturephoto5.png'/></a>
<a href=''><img alt='' class='slide' id='slide-img-7' src='http://upic.me/i/yo/naturephoto6.png'/></a>
<div id='slide-controls'>
<p class='text' id='slide-client'><strong>post: </strong><span/></p>
<p class='text' id='slide-desc'/>
<p id='slide-nav'/>
</div>

</div>
<!--content featured gallery here -->
</div>
<script type='text/javascript'>
if(!window.slider) var slider={};
slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},
{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},
{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},
{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},
{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},
{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},
{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div><!--/header1-->

Read More