<center>
<div class="csslider1 autoplay">
<input name="cs_anchor1" id="cs_slide1_0" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" id="cs_slide1_1" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" id="cs_slide1_2" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" id="cs_play1" type="radio" class="cs_anchor" checked>
<input name="cs_anchor1" id="cs_pause1_0" type="radio" class="cs_anchor pause">
<input name="cs_anchor1" id="cs_pause1_1" type="radio" class="cs_anchor pause">
<input name="cs_anchor1" id="cs_pause1_2" type="radio" class="cs_anchor pause">
<ul>
<! برای ویرایش عکس های اسلایدر لینک عکس های خود را به جای لینک زیر قرا بدید ->
<! عکس اول -><li class="cs_skeleton"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide1.jpg" alt="عنوان عکس 1" title="عنوان عکس 1" style="width:100%;"></li>
<! عکس 1 -><li class="num0 img slide"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide1.jpg" alt="عنوان عکس 1" title="عنوان عکس 1" /></li>
<! عکس 2 -><li class="num1 img slide"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide2.jpg" alt="عنوان عکس 2" title="عنوان عکس 2" /></li>
<! عکس 3 -><li class="num2 img slide"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide3.jpg" alt="عنوان عکس 3" title="عنوان عکس 3" /></li>
</ul>
<a class="cs_lnk" href="http://ghalebgraph.ir/">دریافت کد اسلایدر</a>
<div class="cs_description">
<label class="num0"><span class="cs_title"><span class="cs_wrapper">عنوان عکس 1</span></span></label>
<label class="num1"><span class="cs_title"><span class="cs_wrapper">عنوان عکس 2</span></span></label>
<label class="num2"><span class="cs_title"><span class="cs_wrapper">عنوان عکس 3</span></span></label>
</div>
<div class="cs_arrowprev">
<label class="num0" for="cs_slide1_0">قبلی</label>
<label class="num1" for="cs_slide1_1">قبلی</label>
<label class="num2" for="cs_slide1_2">قبلی</label>
</div>
<div class="cs_arrownext">
<label class="num0" for="cs_slide1_0">بعدی</label>
<label class="num1" for="cs_slide1_1">بعدی</label>
<label class="num2" for="cs_slide1_2">بعدی</label>
</div>
<! شروع بخش ویرایش تصاویر کوچک در اسلایدر ->
<div class="cs_bullets">
<! عکس 1 -><label class="num0" for="cs_slide1_0"><span class="cs_point"></span><span class="cs_thumb"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide1.1.jpg" alt="انتخاب عکس" title="انتخاب عکس" /></span></label>
<! عکس 2 -><label class="num1" for="cs_slide1_1"><span class="cs_point"></span><span class="cs_thumb"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide2.2.jpg" alt="انتخاب عکس" title="انتخاب عکس"/></span></label>
<! عکس 3 -><label class="num2" for="cs_slide1_2"><span class="cs_point"></span><span class="cs_thumb"><img src="/http://up.ghalebgraph.ir/up/galebgraph/posts/code/slider/01/slide3.3.jpg" alt="انتخاب عکس" title="انتخاب عکس"/></span></label>
</div>
<! پایان بخش ویرایش تصاویر کوچک در اسلایدر ->
</center>
<div style="clear:both;"></div>