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

Rockstar Slider - jQuery touch slider/gallery

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Rockstar Touch Slider adalah skrip untuk mewujudkan slider yang mudah dan minimalis atau tayangan slaid. Di sini ialah bagaimana ia berbeza daripada slider lain di seluruh sini:

Ringan

Skrip hanya 5KB dalam saiz dan tidak ada fail CSS!

Bendalir / Responsif

Gelangsar mempunyai keupayaan untuk hanya mengambil lebar dan ketinggian itu unsur ibu bapa. Yang bermaksud bahawa jika sebelah anda adalah cecair dan responsif, gelangsar akan menjadi juga. Anda juga boleh secara manual gaya utama gelangsar menjadi lebar tetap dan tinggi, atau apa sahaja yang anda perlukan. Ia dibina untuk menjadi fleksibel!

Super Mudah untuk Penggunaan

<div class="slideshow"> <div /> <div /> <div /> </div>

Itu sahaja yang anda perlu untuk membuat kerja-kerja tayangan gambar! Tiada kod javascript yang diperlukan dan tiada fail CSS luaran. Semua yang anda perlu lakukan adalah meletakkan kod HTML dengan kelas "rockstar-slider" dan termasuk skrip. Ia akan melakukan yang lain. Rockstar Touch Slider telah direka dari bawah ke atas untuk menjadi mudah untuk digunakan.

Natural Animasi & Pergerakan

Skrip penuh dengan ciri-ciri kecil seperti pengesanan kelajuan dan inersia untuk membuat ia bergerak sebagai semula jadi yang mungkin. Ia bersinar pada peranti skrin sentuh, dan kelihatan seperti sejuk apabila anda menggunakan tetikus.

Gambar: Isikan atau Fit?

Satu masalah biasa dengan banyak slider adalah bahawa anda perlu mempunyai imej dengan tepat saiz yang sama seperti gelangsar. Tidak, itu bukan kes itu di sini. Tidak kira apa bahagian atau saiz imej adalah, mereka akan sentiasa mengisi slaid. Anda hanya menambah kelas untuk imej seperti ini:

<img src="image.png" class="fill" />

Sebagai alternatif, anda boleh menggunakan "patut" kelas jika anda mahu gambar untuk dimuatkan di dalam slaid, tidak kehilangan piksel.

Perubahan Log

1.0.3 - September 21, 2015

  • Tetap bug di mana acara sentuh tidak akan bekerja dalam pelayar mudah alih tertentu.

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

Properties

Dibuat:
18 September 12

Dikemaskini:
23 September 15

Pelayar Sesuai:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Fail Termasuk:
JavaScript JS, HTML, CSS

Perisian Versi:
jQuery

Kata kunci

eCommerce, eCommerce, Semua Produk, cecair, Galeri, imej, imej, minimalis, Foto, foto, responsif, mudah, slider, tayangan slaid, menyentuh, skrin sentuh