Pemalam jQuery Skippr melaksanakan carta fokus slaid effects_jquery

Pemalam jQuery terbaik untuk tayangan slaid carta fokus dalam sejarah, Skippr, pemalam ringan, pemalam reka letak responsif dan penyesuaian parameter yang berkuasa

Konfigurasi, anda boleh menyesuaikan kelajuan pensuisan, kaedah pensuisan, sama ada untuk memaparkan anak panah kiri dan kanan, sama ada untuk dimainkan secara automatik, selang main balik automatik dan konfigurasi lain

Parameter, pemalam panggilan juga sangat mudah dan mudah digunakan. Kaedah panggilan diperkenalkan di bawah:

1. Muatkan jQuery dan pemalam

<link rel="stylesheet" href="css/jquery.skippr.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.skippr.min.js"></script>

2.Kandungan HTML

<div id="container"> 
    <div id="theTarget"> 
    <div style="background-image: url(img/image1.jpg)"></div> 
    <div style="background-image: url(img/image2.jpg)"></div> 
    <div style="background-image: url(img/image3.jpg)"></div> 
    <div style="background-image: url(img/image4.jpg)"></div> 
   <div style="background-image: url(img/image5.jpg)"></div> 
  </div>   
</div> 

3. Panggilan fungsi

<script> 
 $(document).ready(function(){ 
 
     $("#theTarget").skippr({ 
 
      transition: 'slide', 
      speed: 1000, 
      easing: 'easeOutQuart', 
      navType: 'block', 
      childrenElementType: 'div', 
      arrows: true, 
      autoPlay: false, 
      autoPlayDuration: 5000, 
      keyboardOnAlways: true, 
      hidePrevious: false 
    });       
 
  }); 
</script> 

Penjelasan konfigurasi parameter

peralihan: (pudar/gelongsor) kaedah penukaran

kelajuan: kelajuan menukar (milisaat)

pelonggaran: kesan pensuisan (easeOutQuart)

NavType: Di bawah jenis navigasi (blok/gelembung)

anak panah: Sama ada terdapat anak panah (benar/salah)

autoPlay: Sama ada hendak bermain secara automatik (benar/palsu)

autoPlayDuration: Selang autoplay (milisaat)

keyboardOnAlways: Sama ada untuk menyokong penukaran papan kekunci (benar/salah)

hidePrevious: Sama ada hendak menyembunyikan anak panah pertama yang ditukar (benar/salah)

Lihat DEMO Muat turun skrip

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.