Orbit Slider
Orbit slider merupakan fitur yang digunakan untuk membuat slideshow image dengan mudah, Hanya dengan menambahkan attribut data-orbit dan sedikit pengaturan dengan attribut data-options pada tag <ul>, maka gambar yang berada di dalam tag <li> akan menjadi slideshow dengan tampilan yang sangat menawan.
Karena orbit slider menggunakan javascript dalam bekerjanya, maka jangan lupa memanggil file javascript sebelum penutup tag <body>.
Skrip orbit slider.html
<div class= "row ">
<div class= "columns large-6">
<ul data orbit data-options="pause_on_hover:false ;
timer speed:2500w
<li>
<img src="gambar/1. jpg">
<p class="orbit-caption">Keterangan gambar atau cuplikan berita dapat diletakkan di sini</p>
</li>
<li><img src="gambar/2. jpg"></li>
<li><img src="gambar/3. jpg"></li>
<li><img src="gambar/4.jpg" ></li>
</ul>
</div>
</div>
<script src="../foundation/js/vendor/jquery.js"></script
<script src="../foundation/js/foundation.min.js"></script>
<script>
$ (document) .foundation () ;
</script>
Post a Comment for " Orbit Slider"