Cevap biraz erken oldu ama belki arayan başka birileride çıkabilir.
PHP:
$("#slaytid").bxSlider({mode : 'horizontal', auto: true, pager: false, pause: 10000, autoHover: true,minSlides: 3,maxSlides: 3,moveSlides: 3,slideWidth:150});
slideWidth : herbir slayt görselinin yatay uzunluğu
px olarak
moveSlides : ileri, geri okları ile veya zamanlama sonunda kaç adet slayt sayfasının kayacağını belirlersin.
minSlides,
maxSlides: ekranda kaç adet slayt görüneceğini belirleyebilirsin
autoHover : mouse slayt üstüne gelince zamanlama dursun mu
true:evet false:hayır
pause : her bir slayt geçişinde kaç milisaniye bekleyeceği
10000 = 10saniye
auto : otomatik slayt dönmeye başlasınmı
true:evet false:hayır
mode : slayların kayış yönü
horizontal : yatay
vertical : dikey
Örnek Slayt:
Css:
HTML:
ul{list-style:none;padding:0;margin:0;display:block;width:450px;height:200px;}
ul li{display:block;float:left;width:150px;height:200px;}
Slayt:
HTML:
<div>
<ul id="slaytid">
<li><img src="blabla.jpg" /></li>
<li>Lorem ipsum dolor sit amet</li>
<li><b>Kalın bir yazı</b></li>
</ul>
</div>
Not: bxslider'ı indirdiğinde içerisindeki style dosyasındaki .bx_wrapper stilini css sayfana eklemen yeterli birde .net ve .prev butonlarının stillerini eklersen eksiksiz çalışır. default olarak ayar yapmadan kullanmak istiyorsan stil dosyasını direk sayfaya include etmen yeterli.
bxsider çok esnektir, biraz kurcalaman ile birden çok işini rahatlıkla görebilirsin unutmadan <ul> tagına bxslider kendi stilini vereceği için sayfanda yerleştireceğin yerde kaymalar muhakkak olacaktır. bu yüzden dışarısına eklediğim div e sabit alanının width ve height değerlerini vermeyi unutma
