Everslider – Plugin jQuery Carousel Responsif

  • Whatsapp
Everslider - Plugin jQuery Carousel Responsif

Source Code : Everslider – Plugin jQuery Carousel Responsif

Bacaan Lainnya

Everslider sepenuhnya responsif, plugin carousel jQuery yang dioptimalkan untuk seluler. Ini menggunakan transisi CSS3 untuk animasi dengan fallback ke jQuery. Mendukung slide tanpa batas dengan konten apa pun. Everslider mengenali interaksi touchswipe, mousewheel, dan keyboard dan berfungsi di berbagai browser mulai dari IE7 hingga browser seluler.

  • Sepenuhnya responsif dan ramah seluler
  • Kontrol siap retina (termasuk PSD)
  • Transisi CSS3 perangkat keras dengan fallback ke jQuery
  • Bekerja di IE7+ dan di Android dan iPhone
  • Dukungan keyboard dan roda mouse
  • Dukungan seret dan sentuh gesek
  • Tiga mode carousel + autoplay (ticker)
  • Lebih dari 30 opsi konfigurasi
  • API dan panggilan balik
  • Slide tanpa batas yang dapat memiliki konten apa pun
  • Penggunaan sederhana dan dokumentasi yang jelas
  • Ringan (hanya 20KB pada disk)
  • Plugin jQuery bebas konflik
  • Kode yang sesuai dengan JSHint

Perbarui ke versi 1.1 (30 Jul 2013)

– kode ticker refactored
– opsi tambahan untuk mengizinkan gulir halaman dengan gerakan menggesek vertikal dari dalam plugin
– Memperbaiki masalah saat menggunakan Everslider dengan prototype.js
– kedipan tetap dari kontrol jeda/putar ticker di Safari
– masalah tetap secara acak mencegah Everslider untuk mengubah ukuran saat ticker diaktifkan

Perbarui ke versi 1.2 (12 Agustus 2013)

– menambahkan pramuat
– waktu tetap untuk panggilan balik slidesReady()()
– Opsi “moveSlides” sekarang dapat menerima nilai “otomatis” khusus untuk memindahkan jumlah slide yang terlihat persis
– perubahan struktur. Secara khusus kelas “es-slide” untuk masing-masing slide diganti dengan “es-slide” untuk seluruh daftar UL. Periksa instruksi dalam dokumentasi untuk memperbarui kode Anda sesuai

Perbarui ke versi 1.3 (29 Sep 2013)

– Memperbaiki masalah dengan animasi CSS3 di iOS7
– memperbaiki bug yang menyebabkan Everslider menjadi tidak responsif di layar kecil dalam kondisi tertentu
– menambahkan opsi “syncHeight” baru untuk menyesuaikan ketinggian carousel secara dinamis berdasarkan slide yang terlihat

Perbarui ke versi 1.4 (8 Okt, 2013)

– menambahkan efek animasi “pudar”

Perbarui ke versi 1.4.1 (21 Okt, 2013)

– Ketidakmampuan tetap untuk mengatur margin item carousel ke 0 melalui opsi itemMargin
– Memperbaiki masalah dengan opsi fitDelay dan fitDuration jika dilewatkan sebagai string
– Memperbaiki masalah dengan batas waktu ticker yang tidak termasuk durasi animasi untuk efek yang berbeda

Perbarui ke versi 1.5 (11 November 2013)

– halaman pratinjau/demo yang didesain ulang – cek sekarang!

– menambahkan opsi konfigurasi baru “tickerAutoPlay”
– menambahkan acara dan kelas jQuery khusus yang akan membantu menambahkan animasi ke item carousel yang berjalan sinkron dengan transisi carousel utama
– dokumentasi yang diperbarui dengan contoh cara menambahkan animasi ke slide carousel

Perbarui ke versi 1.6 (15 November 2013)

– menambahkan opsi plugin baru “tickerHoverDelay” yang menunda jeda/melanjutkan korsel pada mousehover
– membuat efek animasi “pudar” dua arah dengan opsi plugin “fadeDirection” untuk mengubah arah
– menambahkan fungsi API baru slideTo() untuk memundurkan korsel ke posisi apa pun
– menambahkan kode yang mencegah menyeret gambar dan tautan saat touchswipe diaktifkan

Perbarui ke versi 1.6.1 (18 November 2013)

– fungsi slideOffset() refactored
– Memperbaiki masalah dengan metode API slideTo() dan efek animasi fade

Kredit dan sumber

Foto dalam pratinjau berasal dari http://www.morguefile.com

KUSTOMISASI & PEKERJAAN JAUH

Saya juga tersedia untuk pekerjaan jarak jauh! Jadi jika Anda perlu memodifikasi plugin (menambahkan fitur tambahan atau mengubah yang ada) jangan ragu untuk menghubungi saya melalui komentar atau melalui situs web saya formulir kontak. Saya juga dapat membantu menginstal plugin saya atau menyesuaikannya agar sesuai dengan desain situs web Anda.

Pos terkait

Tinggalkan Balasan

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