WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jQuery Responsive OneByOne Slider Plugin

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The OneByOne Slider adalah plugin ringan, responsif & berlapis jQuery yang dapat digunakan untuk menampilkan gambar dan teks satu per satu. CSS3 animasi didorong oleh Animate.css. Ita € ™ s ponsel ramah, yang mendukung menghapus kiri / kanan pada perangkat touch seperti iPhone & iPad. Anda dapat drag dan drop untuk menavigasi dengan mouse Anda juga. Update terbaru menambahkan contoh tambahan, yang membuat Twitter Bootstrap Carousel mendukung satu per satu animasi.

mengikuti rss

Sekarang ita € ™ s tersedia di WordPress (klik gambar di bawah)

Plugin wordpress

Perubahan log (silakan kembali download jika Anda membeli sebelum)

(update 15 Mei 2013)
  • Update ke jQuery 1.9.1, dan menggunakan Modernizr untuk mendeteksi dukungan CSS3 transisi. Anda dapat men-download-ulang paket source jika ingin menggunakannya dengan jQuery 1.9.1.
(informasi 14 November 2012)
  • Mengintegrasikan dengan Bootstrap Carousel. Anda dapat menggunakannya pada kerangka favorit Anda sekarang.
  • Menambahkan opsi autoHideButton, diatur ke false untuk membuat panah selalu terlihat.
  • Update dokumentasi bantuan.
(update 14 September 2012)
  • Tambahkan contoh responsif.
  • Tambahkan transisi fade in IE9-, yang tidak jadi € ™ t mendukung transisi CSS3.
  • Sekarang Anda dapat menyesuaikan setiap slideâ € ™ s animasi, bahkan setiap elemen dalam slideâ € ™ s animasi.
  • Tambahkan melayang untuk menghentikan sementara pilihan slideshow.
  • Ditambahkan â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ animasi.
  • Memperbaiki bug: Link Cana € ™ t diklik di iOS.
  • Update ke jQuery 1.8.1.

Membeli lisensi diperpanjang?

Saya menghargai jika Anda dapat menempatkan ini itemA € ™ s link dalam Anda itemA € ™ s deskripsi. Harap memberikan hanya versi minified file js pada tema, dan satu lisensi diperpanjang dapat menggunakan tema saja.

Fitur:

  • CSS3 didorong animasi, akselerasi perangkat keras CSS3 transisi untuk browser yang didukung modern.
  • Dukungan responsif, misalnya disertakan.
  • Ponsel ramah, Anda dapat menggunakannya dalam perangkat sentuh.
  • Ita € ™ s ringan, javascript dikompresi hanya 4KB.
  • Opsional auto delay slideshow, hove opsional untuk menghentikan slideshow.
  • Setiap slide atau Elementa € ™ s animasi dapat disesuaikan.
  • Fungsi tarik opsional mouse.
  • Gaya animasi opsional, bisa di acak atau jenis lainnya.
  • Panah opsional dan tombol.
  • FAQ termasuk dalam paket source.
  • Update gratis, Anda dapat men-download pembaruan masa depan gratis.

Tentang transisi CSS3

Catatan: CSS3 transisi hanya bekerja di browser modern seperti Firefox, Safar dan Chrome. Yang tidak jadi € ™ t bekerja di IE7, 8 & 9, tampaknya IE 10 akan mendukungnya.

Untuk jQuery 1.8.0 pengguna

Tampaknya ada bug dengan jQuery 1.8.0, silahkan download versi terkompresi dari jQuery dan baris komentar 4521, maka plugin ini akan bekerja dengan baik.
 // Membuang Kesalahan baru ("Kesalahan sintaks, ekspresi yang belum diakui:" + msg); 

Pengaturan Plugin tersedia

 // Nama pembungkus ini className: 'oneByOne', // Nama kelas pembungkus div setiap slider sliderClassName: 'oneByOne_item', // Menghentikan sementara slideshow auto delay ketika pengguna melayang-layang pauseByHover: benar, // Gaya animasi kemudahan global, // Berlaku jika Anda tidak pra-didefinisikan dalam elemen easeType: 'fadeInLeft', // Lebar slider width: 960, // Ketinggian slider height: 420, // Keterlambatan sentuhan / drag tween delay: 300, // Toleransi sentuhan / drag toleransi: 0,25, // Mengaktifkan atau menonaktifkan fungsi tarik oleh tikus enableDrag: benar, // Menampilkan sebelumnya / panah berikutnya atau tidak showArrow: benar, // Auto menyembunyikan panah ketika pengguna meninggalkan slider atau tidak autoHideButton: benar, // Menampilkan tombol lingkaran atau tidak showButton: benar, // Auto bermain slider atau tidak Slideshow: palsu, // Keterlambatan milidetik dari slidershow yang slideShowDelay: 3000, // Mengatur responsif terhadap benar, ketika Anda akan mengubah // Ukuran slider dengan permintaan media dalam CSS responsif: true // Ketika slider lebih kecil dari MinWidth, // Teks yang disembunyikan dalam responsif MinWidth: 480 

EaseType tersedia

â € ~fadeInâ € ™, â € ~fadeInUpâ € ™, â € ~fadeInDownâ € ™, â € ~fadeInLeftâ € ™, â € ~fadeInRightâ € ™, â € ~fadeInRightâ € ™, â € ~bounceInâ € ™, â € ~bounceInDownâ € ™, â € ~bounceInUpâ € ™, â € ~bounceInLeftâ € ™, â € ~bounceInRightâ € ™, â € ~rotateInâ € ™, â € ~rotateInDownLeftâ € ™, â € ~rotateInDownRightâ € ™, â € ~rotateInUpLeftâ € ™, â € ~rotateInUpRightâ € ™, â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~ flipInYâ € ™, â € ~lightSpeedInâ € ™ atau â € ~randomâ € ™

Kredit

Animate.css adalah dari Dan Eden.
Latar belakang gambar dalam contoh bootstrap adalah dari photos8.

Rekomendasi Untuk Anda

XML Gambar / Video Grid Gallery:
galeri jaringan
The AS3 flash fotography Template:
fotografi

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
24 Oktober 11

Pembaharuan terakhir:
17 Agustus 13

Browser kompatibel:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Termasuk file:
JavaScript JS, HTML, CSS

Versi perangkat lunak:
jQuery

Kata kunci

eCommerce, eCommerce, Semua barang, animasi, auto delay, rotator spanduk, CSS3, menyeret, ios, jquery, mobil, satu per satu, responsif, alat pemutar, slider, slideshow, menyentuh, menghapus