jQuery Responsive OneByOne Slider Plugin

oleh
jQuery Responsive OneByOne Slider Plugin

Source Code Aplikasi javascript jQuery Responsive OneByOne Slider Plugin


LOGO
Nama Apps jQuery Responsive OneByOne Slider Plugin
Author sike
Kategori Javascript
ID Produk 684613
Harga ( Single License ) $11
Live Demo Lihat Demo
Order Via Codecanyon Klik Disini ($11) Single Lisensi
Order Via INDOwebster Klik Disini (IDR 110.000) Single Lisensi
Order Via INDOwebster Klik Disini (IDR 11000) Lisensi Bersama
Faq Klik Disini

Selengkapnya tentang Lisensi ( License )


Slider OneByOne adalah file ringan, responsif & berlapis Plugin jQuery dapat Anda gunakan untuk menampilkan gambar dan teks Anda satu per satu. Itu Animasi CSS3 didorong oleh Animate.css. Nya ramah seluler, yang mendukung penghapusan ke kiri / kanan pada perangkat sentuh Anda seperti iPhone & iPad. Anda juga dapat menarik dan melepas untuk menavigasi dengan mouse Anda. Pembaruan terbaru menambahkan contoh ekstra, yaitu make Korsel Bootstrap Twitter mendukung satu per satu animasi.

mengikutirss

Sekarang tersedia di WordPress (klik gambar di bawah)

plugin wordpress

Ubah log (harap unduh ulang jika Anda membelinya sebelumnya)

(update 15 Mei 2013)

  • Perbarui ke jQuery 1.9.1, dan gunakan Modernizr untuk mendeteksi dukungan transisi CSS3. Anda dapat mengunduh ulang paket sumber jika ingin menggunakannya dengan jQuery 1.9.1.

(pembaruan 14 November 2012)

  • Terintegrasi dengan Korsel Bootstrap. Anda dapat menggunakannya di framework favorit Anda sekarang.
  • Tambahkan opsi autoHideButton, setel ke false agar panah selalu terlihat.
  • Perbarui dokumentasi bantuan.

(pembaruan 14 September 2012)

  • Menambahkan responsif contoh.
  • Tambahkan transisi fade di IE9-, yang tidak mendukung transisi CSS3.
  • Sekarang kamu bisa menyesuaikan animasi setiap slide, bahkan setiap elemen dalam animasi slide.
  • Menambahkan arahkan kursor untuk menjeda pilihan slideshow.
  • Menambahkan animasi ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘flipInX’, ‘flipInY’, ‘lightSpeedIn’.
  • Perbaiki bug: tautan tidak dapat diklik di iOS.
  • Perbarui ke jQuery 1.8.1.

Beli lisensi diperpanjang?

Saya menghargai jika Anda dapat memasukkan tautan item ini ke dalam deskripsi item Anda. Harap berikan hanya versi file js yang diperkecil pada tema Anda, dan satu lisensi tambahan dapat digunakan pada tema saja.

Fitur:

  • Animasi yang didorong CSS3, akselerasi perangkat keras Transisi CSS3 untuk browser modern yang didukung.
  • Dukungan responsif, termasuk contoh.
  • Ramah seluler, Anda dapat menggunakannya di perangkat sentuh.
  • Ringan, javascript terkompresi hanya 4kb.
  • Tunda rangkai salindia opsional, opsional hove untuk menjeda rangkai salindia.
  • Setiap slide atau animasi elemen dapat disesuaikan.
  • Fungsi drag opsional mouse.
  • Gaya animasi opsional, bisa acak atau jenis lainnya.
  • Panah dan tombol opsional.
  • FAQ disertakan dalam paket sumber.
  • Pembaruan gratis, Anda dapat mengunduh pembaruan masa depan secara gratis.

Tentang transisi CSS3

Catatan: Transisi CSS3 hanya berfungsi di browser modern seperti Firefox, Safar, dan Chrome. Yang tidak berfungsi di IE7, 8 & 9, tampaknya IE 10 akan mendukungnya.

Untuk pengguna jQuery 1.8.0

Tampaknya ada bug dengan jQuery 1.8.0, silakan unduh jQuery versi Uncompressed dan baris komentar 4521, maka plugin ini akan berfungsi dengan baik.

// throw new Error( "Syntax error, unrecognized expression: " + msg );

Pengaturan plugin yang tersedia

// the wrapper's name        
className: 'oneByOne', 
// the wrapper div's class name of each slider        
sliderClassName: 'oneByOne_item',  
// pause the auto delay slideshow when user hover                    
pauseByHover: true, 
// the global ease animation style, 
// take effect if you don't pre-defined it in the element
easeType: 'fadeInLeft', 
// width of the slider        
width: 960,  
// height of the slider        
height: 420, 
// the delay of the touch/drag tween        
delay: 300,  
// the tolerance of the touch/drag          
tolerance: 0.25, 
// enable or disable the drag function by mouse        
enableDrag: true, 
// display the previous/next arrow or not         
showArrow: true,  
// auto hide the arrows when user leave the slider or not
autoHideButton: true,
// display the circle buttons or not        
showButton: true,  
// auto play the slider or not        
slideShow: false,  
// the delay millisecond of the slidershow        
slideShowDelay: 3000, 
// set responsive to true, when you'll change the 
// slider's size with the media query in CSS        
responsive: true
// when slider is smaller than minWidth, 
// the text are be hidden in the responsive            
minWidth: 480

EasyType tersedia

‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateInDown’, ‘rotateIn’, ‘rotateInDown’ ‘,’ rotateInDownRight ‘,’ rotateInUpLeft ‘,’ rotateInUpRight ‘,’ fadeInLeftBig ‘,’ fadeInRightBig ‘,’ fadeInUpBig ‘,’ fadeInDownBig ‘,’ flipInX ‘,’ flipInY ‘,’ lightSpeedIn ‘atau’ random ‘

Kredit

Animate.css berasal dari Dan Eden.
Gambar latar belakang dalam contoh bootstrap berasal foto8.

Rekomendasi Untuk Anda

Galeri Gambar XML / Video Grid:
galeri jaringan

Templat Fotografi Flash AS3:
fotografi

Tinggalkan Balasan

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