Slider Cerdas Utama – Responsif

  • Whatsapp
Slider Cerdas Utama - Responsif

Source Code : Slider Cerdas Utama – Responsif

Bacaan Lainnya

Slider Cerdas Utama - Responsif - 1

BERHENTI MENGKODE GAMBAR ANDA! Ini adalah plugin yang secara otomatis menghasilkan slider dari folder gambar, mengambil nama gambar sebagai keterangan. Anda dapat mengubah urutan gambar, dan juga memilih mana yang akan menampilkan keterangan.

----> Update: March 17, 2021
Updated the components and fix compatibility issues with the latest version of jQuery

----> Update: May 2, 2013 
Added a option to disabled the right click on the images, you can pass it like this to the JS function:
{
    rightClickImages    : false
}

Fitur:

  • Berhenti mengkode gambar Anda your
  • 40 Efek Transisi untuk gambar
  • 11 Efek Transisi untuk keterangan
  • Transformasi CSS3
  • Gambar kecil
  • Banyak Pilihan
  • Responsif
  • Geser Dukungan
  • Banyak Slider Per Halaman
  • Kompatibel dengan Twitter Bootstrap
  • Navigasi papan ketik
  • Dapat disesuaikan melalui CSS
  • Mendukung HTML apa pun atas nama gambar (untuk keterangan)

Opsi Javascript Default

{
    theme               : 'default', 
    width               : '100%', 
    autoPlay            : true, 
    rightClickImages    : false,
    showTimer           : true, 
    playInterval        : 4000, 
    playBtn             : true, 
    loop                : true, 
    navArrows           : true, 
    navBar              : true, 
    navBarNumeric       : false, 
    autoHideNavArrows   : false, 
    autoHidePlayBtn     : true, 
    autoHideNavBar      : false, 
    keyboardNav         : true, 
    transitionSpeed     : 700, 
    boxSpeed            : 450, 
    captionSpeed        : 300, 
    captions            : true, 
    autoHideCaptions    : false, 
    thumbnails          : true, 
    thumbnailSize       : 20, 
    x                   : 8, 
    y                   : 4, 
    hideIconsInWidth    : 500, 
    hideTimerInWidth    : 500, 
    shadow              : true, 
    beforeTransition    : function(){}, 
    afterTransition     : function(){}, 
    onSlideshowEnd      : function() {}, 
    onPlay              : function() {}, 
    onPause             : function() {} 
}

Kode yang Anda Butuhkan

kode yang dibutuhkan

Anda perlu membuat fungsi “make_slider” dengan id unik (parameter pertama) dan tentukan folder tempat plugin akan membaca gambar secara otomatis (parameter kedua)

Dokumentasi

Anda dapat membaca dokumentasi plugin sini

catatan:
Browser lama seperti IE7 yang tidak mendukung properti CSS “transform” tidak mendukung efek zoom dan openBook sehingga mereka mundur ke efek fade.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *