Bxslider kurulumu

CANIBEYAZ

0
İyinet Üyesi
Katılım
16 Nisan 2005
Mesajlar
96
Reaction score
0
Bxslider adlı sliderı imzamdaki web sitemde boyutlarını değiştirerek (Hürriyet'in web sitesinde logo altında bulunan 3'lü sürmanşet) kullanmak istiyorum. Sliderın web sitesinde kurulum anlatılmış ancak bu konuda tecrübesizliğimden olsa gerek bir türlü sliderı kuramıyor ve çalıştıramıyorum.

Yardımlarınızı bekliyorum.
 

BordoMavi

0
İyinet Üyesi
Katılım
31 Ekim 2007
Mesajlar
176
Reaction score
0
Konum
Hirçın Sulardan
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
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Elektronik Sigara Cicisex Porno
Üst