Ücretsiz Jquery BxSlider Kurulumu ve Kullanımı

Jquery Slider’ lar günümüzde web sayfalarının vazgeçilmezleri arasında . İnternette birçok slider bulmam mümkün . Bu yazımda bx slider ‘ dan bahsedeceğim çünkü bu slider çok kolay ve bir çok extra özelliği destekliyor .

Bxslider download adresi ; http://bxslider.com/lib/jquery.bxslider.zip

Kurulumu

[html]

<!– jQuery Kütüphanesini projemize ekliyoruz –>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><!– bxSlider Javascript kütüphanesi . Yola dikkat edin . –><script type="text/javascript" src="js/jquery.bxslider.min.js"></script>

<!– bxSlider CSS Dosyası –>
<link href="lib/jquery.bxslider.css" rel="stylesheet" />

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$(‘.bxslider’).bxSlider();
});
// ]]></script>

[/html]

Javascript kütüphanelerini ekledikten sonra ul içerisinde resimleri eklememiz yeterli

[html]</pre>
<ul class="bxslider">
<li><img alt="" src="1.jpg" /></li>
<li><img alt="" src="2.jpg" /></li>
<li><img alt="" src="3.jpg" /></li>
</ul>
<pre>
[/html]

Hepsi bu kadar . Son derece basit ve kullanışlı bir jquery slider . Projenin bitmiş halini indirmek için link aşağıda .

http://rahimcan.com/wp-content/uploads/2014/07/bxslider.rar