درج اسلايدر

[sebastian]

خوب اول کدهای html رو در قسمتی که میخوای اسلایدر نمایش داده بشه قرار بدید

<div id="slideshowContainer"><div class="slideshow">        <img src="images/image1.png" alt="" width="600" height="300" />        <img src="images/image2.png" alt="" width="600" height="300" />        <img src="images/image3.png" alt="" width="600" height="300" />        <img src="images/image4.png" alt="" width="600" height="300" />        <img src="images/image5.png" alt="" width="600" height="300" /></div></div>

بعد این کد ها رو در قسمت Head سایتت قرار بده

<!-- include jQuery library --><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><!-- include Cycle plugin --><script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script><script type="text/javascript">    $(document).ready(function() {        $('.slideshow').cycle({        fx: 'fade',        pause: 1,        prev: '#prev',        next: '#next'        });    });</script>

این هم استایل اسلایدر که به سلیقه ی خودتون هم میتونید بنویسیدش که به جای تصویر background میتونید تصویر زمینه ی اسلایدر خودتون رو جایرگزین کنید

<style type="text/css">* {    margin:0px;    padding:0px;    border:0px;}body {    background:url(images/background.jpg) repeat-x;}#slideshowContainer {    width: 632px;    margin: 100px auto 0 auto;    position:relative;}.slideshow {    height: 332px;}.slideshow img {    padding: 15px;    border: 1px solid #ccc;    background-color: #eee;}#nav {    list-style-type:none;    z-index:150;}#nav li a {    display:block;    width:58px;    height:102px;    text-indent:-9999px;    outline:none;}#prev a {    background:url(images/left.png);    width:58px;    height:102px;    position:absolute;    top:120px;    left:-70px;}#next a {    background:url(images/right.png);    width:58px;    height:102px;    position:absolute;    top:120px;    right:-70px;}#next a:hover {    background:url(images/right_over.png);}#prev a:hover {    background:url(images/left_over.png);}</style>

البته برای هر سیستم مدیریت محتوا افزونه هایی وجود داره که این امکانات اسلایدر ها رو به راحتی فقط با یک نصب در اختیارتون میزاره

[shazo]

ممنون.. مثلا براي ورد پرس يا جوملا هست ؟

[sebastian]

ممنون.. مثلا براي ورد پرس يا جوملا هست ؟

برای وردپرس
WordPress › Easing Slider � WordPress Plugins

برای جوملا
Vinaora Nivo Slider - Joomla! Extensions Directory

[gabriel]

آره برای معرفی محصولاتی که OFF دارند خوبه
از نظر بهترین اسلایدر که هم ساده و زیبا باسه اسلایدر Fade In هستش


اینطوری که نمیشه گفت
باید نگاه کرد سورس رو دید مشکل از کجاست

بفرمایید اینم اسلایدشوی آماده
parsaspace.com/files/0862354884/?c=1181

[shazo]

ممنون از كجا ميشه ويرايشش كرد ؟ و مطالب رو عوض كرد ؟

[payam_shzbax]

بهترین اسلایدر دنیا(از نظر من)
Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider

[lordmhn]

من خودم یه اسلایدر داشتم که روی قالب html بود بعد کدهاشو دراوردم که بزارم توی قالب wordpress ، کد html و css رو میخوند ولی کدهای java رو نمیخوند. دقیقا مثل خودش همه کدهاشو فراخونی کردم ولی باز با این حال نمیاره ! راهنمایی میکنین؟!

امکان داره که فایل های جاوااسکریپت دیگه ای که استفاده کردین با اسلایدرتون نمیسازه !! باید چک کنید که چه جاوااسکریپتی به اسلایدر نمیسازه !

---------- Post added at 03:50 PM ---------- Previous post was at 03:49 PM ----------

بهترین اسلایدر دنیا(از نظر من)
Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider

Nivo Slider خیلی ها دارن و ازش استفاده میکنن ولی برای این که یک سایت ویژه داشته باشید باید از اسلایدر های دیگه استفاده کرد !

[payam_shzbax]

Nivo Slider خیلی ها دارن و ازش استفاده میکنن ولی برای این که یک سایت ویژه داشته باشید باید از اسلایدر های دیگه استفاده کرد !

اگه حجم براشون مهم نباشه 3D slider Flash هم قشنگه هم xml اش آسونه!

[lordmhn]

اگه حجم براشون مهم نباشه 3d slider flash هم قشنگه هم xml اش آسونه!

آره 3d هم خیلی قشنگه ! و یه خوبی که داره اینه که تا عکسه لود نشه نشونش نمیده ! در کل 3d هزار برابر بهتر از یک اسلایدر معمولی هست و همچنین زیاد هم سنگین نیست !

[payam_shzbax]

اینم فلشش
CU3ER - 3D image slider!