اسلايدر اين سايت رو مي خوام

[Alexi]

سلام

دوستان من اسلايدر اين سايت رو مي خوام

بايد چي كار كنم ؟

http://www.roozshop.ir

[delta]

اتفاقا منم دنبال یک اسلایدر خوب هستم.. کسی سایتی چیزی میشناسه؟ جند تا سایت رفتم اسلایدر گرفتم همه دمو بودند..

[ToooPDL]

کدهای html

<div id="wowslider-container1">	<div class="ws_images"><a target="_blank" href="/shop/All/GraphicPackage.html" style="font-size: 0px; position: absolute; left: 0px; top: 0px;"><img id="wows0" title="" alt="" src="/templates/roozshop2/data1/images/graphic.jpg" style="z-index: 1; position: absolute;"></a>






<div id="coin-slider-wowslider_tmp27502" class="coin-slider"><div id="wowslider_tmp27502" style="left: 0px; top: 0px; width: 450px; height: 200px; background-color: rgb(255, 255, 255); z-index: 2; position: relative; background-image: url(&quot;/templates/roozshop2/data1/images/graphic.jpg&quot;); background-position: left top;"><a target="_blank" href="/shop/All/GraphicPackage.html" style="font-size: 0px;"><img id="wows0" title="" alt="" src="/templates/roozshop2/data1/images/graphic.jpg" style="z-index: 1; position: absolute; display: none; visibility: visible;"></a><a href="/shop/All/OldCollection2.html" style="font-size: 0px;"><img id="wows1" title="" alt="" src="/templates/roozshop2/data1/images/oldfarsi.jpg" style="position: absolute; display: none; visibility: visible;"></a><a href="/shop/All/AlPacino.html" style="font-size: 0px;"><img id="wows2" title="" alt="" src="/templates/roozshop2/data1/images/pacino.jpg" style="position: absolute; display: none; visibility: visible;"></a><div style="position: absolute; bottom: 0pt; left: 0pt; z-index: 1000; opacity: 0;" id="cs-title-wowslider_tmp27502" class="cs-title"></div><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: 0px 0px; left: 0px; top: 0px; opacity: 0.838438; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750211" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: -65px 0px; left: 65px; top: 0px; opacity: 0.952413; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750212" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -130px 0px; left: 130px; top: 0px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750213" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -194px 0px; left: 194px; top: 0px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750214" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -258px 0px; left: 258px; top: 0px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750215" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -322px 0px; left: 322px; top: 0px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750216" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -386px 0px; left: 386px; top: 0px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750217" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: 0px -40px; left: 0px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750221" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: -65px -40px; left: 65px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750222" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -130px -40px; left: 130px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750223" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -194px -40px; left: 194px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750224" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -258px -40px; left: 258px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750225" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -322px -40px; left: 322px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750226" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -386px -40px; left: 386px; top: 40px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750227" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: 0px -80px; left: 0px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750231" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: -65px -80px; left: 65px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750232" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -130px -80px; left: 130px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750233" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -194px -80px; left: 194px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750234" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -258px -80px; left: 258px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750235" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -322px -80px; left: 322px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750236" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -386px -80px; left: 386px; top: 80px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750237" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: 0px -120px; left: 0px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750241" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: -65px -120px; left: 65px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750242" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -130px -120px; left: 130px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750243" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -194px -120px; left: 194px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750244" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -258px -120px; left: 258px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750245" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -322px -120px; left: 322px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750246" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -386px -120px; left: 386px; top: 120px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750247" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: 0px -160px; left: 0px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750251" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 65px; height: 40px; float: left; position: absolute; background-position: -65px -160px; left: 65px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750252" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -130px -160px; left: 130px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750253" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -194px -160px; left: 194px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750254" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -258px -160px; left: 258px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750255" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -322px -160px; left: 322px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750256" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a><a style="width: 64px; height: 40px; float: left; position: absolute; background-position: -386px -160px; left: 386px; top: 160px; opacity: 1; background-image: url(&quot;/templates/roozshop2/data1/images/oldfarsi.jpg&quot;);" id="cs-wowslider_tmp2750257" class="cs-wowslider_tmp27502" href="/shop/All/OldCollection2.html" target=""></a></div></div><div style="position: absolute; right: 2px; bottom: 2px; padding: 0pt;"><a style="position: relative; display: block; background-color: rgb(228, 239, 235); color: rgb(131, 127, 128); font-family: Lucida Grande,sans-serif; font-size: 11px; font-weight: normal; font-style: normal; border-radius: 5px 5px 5px 5px; padding: 1px 5px; width: auto; height: auto; margin: 0pt; outline: medium none;" href="http://wowslider.com">WOWSlider.com</a></div></div>
<div class="ws_bullets"><div>
<a title="" href="#wows0" class="">1</a>
<a title="" href="#wows1" class="ws_selbull">2</a>
<a title="" href="#wows2" class="">3</a>
<div class="ws_bulframe"><div><div style="width: 400%;"><img alt="" src="/templates/roozshop2/data1/tooltips/graphic.jpg"><img alt="" src="/templates/roozshop2/data1/tooltips/oldfarsi.jpg"><img alt="" src="/templates/roozshop2/data1/tooltips/pacino.jpg"></div></div><span></span></div></div></div>
	<div class="ws_shadow"></div>
	<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 0;"><a style="display: block; position: absolute; left: 0pt; top: 0pt; width: 100%; height: 100%;" href="http://www.roozshop.ir/shop/All/OldCollection2.html" target=""></a></div><a class="ws_next" href="#"></a><a class="ws_prev" href="#"></a><div style="display: block;" class="ws-title"><div>کاملترین آرشیو فیلمهای قدیمی ایرانی</div></div></div>

این هم فایل css ـش
http://www.roozshop.ir/templates/roo...ine1/style.css

عکس ها رو هم خودتون پیا کنید از توی css و دانلود کنید

پیروز باشید

[lvlehrad]

اسم این اسلایدشو wowslider هست یا wowslide دقیقا یادم نیست ولی یه نرم افزار هست که بهش عکس ها و لینک و توضیح رو میدی و خودش اسلایدشو رو میسازه ... (با چند طرح و شکل مختلف) فقط کپی رایتش میوفته گوشه عکسا که باید از تو فایل jquary یدونه کدو ادیت کنید ...

[E!3]

10 Pure CSS3 Image Galleries and Sliders