<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>