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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The OneByOne Slider adalah yang ringan, responsif & berlapis jQuery plugin yang boleh digunakan untuk memaparkan imej dan teks anda satu demi satu. Animasi CSS3 didorong oleh Animate.css. Ita € ™ s mesra mudah alih, yang menyokong lap kiri / kanan pada peranti sentuhan anda seperti iPhone & iPad. Anda boleh seret dan lepaskan untuk mengemudi dengan tetikus anda juga. Maklumat terkini menambah contoh tambahan, yang membuat Twitter Bootstrap Carousel menyokong satu dengan satu animasi.

mengikuti rss

Sekarang ita € ™ s yang terdapat di WordPress (klik imej di bawah)

plugin wordpress

Tukar balak (sila muat turun semula jika anda membelinya sebelum ini)

(Kemas 15 Mei 2013)
  • Kemas kini kepada jQuery 1.9.1, dan menggunakan Modernizr untuk mengesan peralihan sokongan CSS3. Anda boleh memuat turun semula pakej sumber jika mahu menggunakannya dengan jQuery 1.9.1.
(kemas kini 14 November 2012)
  • Mengintegrasikan dengan Bootstrap Carousel. Anda boleh menggunakannya di atas rangka kerja kegemaran anda sekarang.
  • Tambah pilihan autoHideButton, ditetapkan kepada palsu membuat anak panah sentiasa dapat dilihat.
  • Kemas kini dokumentasi bantuan.
(Kemas 14 September 2012)
  • Tambah contoh responsif.
  • Tambah peralihan pudar dalam IE9-, yang doesn € ™ t menyokong peralihan CSS3 itu.
  • Sekarang anda boleh menyesuaikan setiap slideâ animasi € ™ s, walaupun setiap elemen dalam animasi slideâ € ™ s.
  • Tambah hover untuk berhenti seketika pilihan untuk tayangan slaid.
  • Ditambah â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € animasi ~lightSpeedInâ € ™.
  • Membetulkan bug: link Cana € ™ t diklik dalam iOS.
  • Kemas kini kepada jQuery 1.8.1.

Membeli lesen lanjutan?

Saya menghargai jika anda boleh meletakkan ini itemâ pautan € ™ s dalam huraian anda itemâ € ™ s. Sila berikan hanya versi minified fail js pada tema anda, dan satu lesen lanjutan boleh menggunakan tema sahaja.

Ciri-ciri:

  • CSS3 animasi didorong, perkakasan dipercepatkan peralihan CSS3 untuk pelayar moden disokong.
  • Sokongan responsif, contoh disertakan.
  • Mesra mudah alih, anda boleh menggunakannya dalam peranti sentuh.
  • Ita € ™ s ringan, javascript termampat hanya 4KB.
  • Tayangan slaid kelewatan auto pilihan, hove pilihan untuk berhenti seketika tayangan slaid.
  • Setiap slaid atau animasi Elementa € ™ s boleh disesuaikan.
  • Fungsi drag pilihan tetikus.
  • Gaya animasi pilihan, boleh berada di dalam rawak atau apa-apa jenis.
  • Anak panah pilihan dan butang.
  • FAQ termasuk dalam pakej sumber itu.
  • Maklumat percuma, anda boleh memuat turun kemas kini masa hadapan secara percuma.

Mengenai peralihan CSS3 yang

Nota: Peralihan CSS3 hanya berfungsi dalam pelayar moden seperti Firefox, Safar dan Chrome. Yang doesn € ™ t kerja dalam IE7, 8 dan 9, ia seolah-olah IE 10 akan menyokongnya.

Untuk jQuery 1.8.0 pengguna

Ia seolah-olah terdapat bug dengan jQuery 1.8.0, sila muat turun versi Mampat jQuery dan komen talian 4521, kemudian plugin ini akan bekerja denda.
 // Membuang Ralat baru ("Ralat sintaks, ungkapan yang tidak diiktiraf:" + msg); 

Tetapan plugin tersedia

 // Nama pembungkus yang classname: 'OneByOne', // Nama kelas div pembungkus itu setiap slider sliderClassName: 'oneByOne_item', // Menjedakan tayangan slaid kelewatan kereta ketika hover pengguna pauseByHover: benar, // Memudahkan gaya animasi global, // Berfungsi jika anda tidak pra-ditakrifkan dalam unsur easeType: 'fadeInLeft', // Lebar gelangsar lebar: 960, // Ketinggian gelangsar ketinggian: 420, // Kelewatan sentuhan / drag tween kelewatan: 300, // Tolak-ansur dalam sentuh / drag toleransi: 0.25, // Menghidupkan atau mematikan fungsi drag dengan tetikus enableDrag: benar, // Memaparkan panah sebelumnya / seterusnya atau tidak showArrow: benar, // Auto menyembunyikan anak panah apabila pengguna meninggalkan gelangsar atau tidak autoHideButton: benar, // Memaparkan butang bulatan atau tidak showButton: benar, // Bermain auto gelangsar atau tidak tayangan slaid: palsu, // Milisaat kelewatan daripada slidershow yang slideShowDelay: 3000, // Menetapkan responsif kepada benar, apabila anda akan menukar // Saiz slider dengan pertanyaan media di CSS responsif: benar // Apabila gelangsar adalah lebih kecil daripada minWidth, // Teks yang sedang disembunyikan di responsif minWidth: 480 

Disediakan easeType

â € ~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.
Imej latar belakang dalam contoh bootstrap adalah dari photos8.

Saranan Untuk Anda

XML Imej / Video Grid Galeri:
Galeri grid
The AS3 Flash Fotography Templat:
fotografi

Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
24 Okt 11

Dikemaskini:
17 Ogos 13

Pelayar Sesuai:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS, HTML, CSS

Perisian Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Produk, animasi, kelewatan auto, banner pemutar, CSS3, drag, ios, jquery, mudah alih, Satu per satu, responsif, pemutar, slider, tayangan slaid, menyentuh, lap