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

Vertical Sidebar Gallery - jQuery Slider

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertikal Sidebar Gallery adalah plugin jQuery dan tema template yang membuat vertikal gambar slider menakjubkan dengan tiga derajat rotasi. Vertikal Sidebar Gallery adalah teman yang sempurna untuk sidebar website Anda. Anda dapat menggunakannya sebagai galeri gambar atau unggulan pasca scroller. Masukan jumlah yang tidak terbatas dari konten dalam ruang terbatas! Anda hanya perlu untuk menghasilkan HTML konten Anda dan galeri akan melakukan sisanya. Hal ini trendi, intuitif, dan akan meningkatkan pengalaman pengguna website ini.

Cara menggunakan plugin? Pada dasarnya Anda bisa mulai dengan file basic.html. 1. Copy HTML dari file basic.html (kode antara... tag). 2. Sertakan stylesheet untuk gaya galeri: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Sertakan necessare file JavaScript: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-roda mouse-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Mulai menggunakan galeri dengan memanggil jQuery Plugin:. <script> jQuery () siap ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Untuk menyesuaikan galeri Anda menggunakan pilihan berikut:. <Script> jQuery () siap (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefix:. "VSG", // class css showHoverBars awalan: true, // apakah akan menampilkan kiri atas menu melayang rotateVertical: true, // apakah akan menggunakan rotasi vertikal rotateHorizontal: true, // apakah akan menggunakan horizontal rotasi rotateThumbnails: true, // apakah akan menggunakan rotasi thumbnail optionsSliderHorizontal : {}, // Arus slider pilihan untuk horisontal slider optionsSliderVertical: {}, // Pilihan Arus slider untuk vertikal slider optionsSliderThumbnail: {} // Pilihan Arus slider untuk slider thumbnail});}); </ Script>

Untuk lebih memahami pilihan Arus Slider ini Anda dianjurkan untuk mengunjungi website-nya. Misalnya, untuk membuat slider horisontal untuk mengubah posisinya tanpa animasi, tapi langsung, hanya mengatur optionsSliderHorizontal: {animasi: "Tidak"}

Sesuaikan Anda Gallery Vertikal Galeri gambar dilengkapi dengan lima tema desain diinstal. Cukup membuat elemen lebih slider dengan salah satu kelas kulit:.vsg-Threadless,.vsg-closeup,.vsg-rumput, atau.vsg-combo. Tapi, hei, jika Anda tidak menemukan desain Anda masih mudah untuk membuat tampilan Anda sendiri. Hanya memodifikasi warna di salah satu file kulit CSS.

Mengubah Ukuran Slider Anda Anda dapat meregangkan Vertikal Sidebar Gallery dengan lebar yang Anda inginkan. Lima pilihan lebar dipasang untuk Anda:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Atau membuat ukuran Anda sendiri dengan menyesuaikan salah satu file CSS ukuran.

Multi Thumbnail Tambahkan lebih dari satu gambar ke gambar kecil dan rotator gambar yang tak terbatas akan dibuat untuk menggulirkan gambar-gambar.

3-in-1 Slider Tiga slider daya template ini: horisontal slider panel, slider thumbnail vertikal, dan gambar horizontal rotator.

Top Navigation Geser panel atas dengan mengklik tombol navigasi atas atau melayang legenda navigasi atas-kiri.

Mouse Wheel Tempatkan kursor di atas slider untuk menggulir konten panel atas menggunakan roda mouse scroll.

Hash Pengendali Navigasi melalui galeri dengan hash URL browser. Misalnya, tambahkan # 3 ke URL dari halaman ini dan menyegarkan itu.

Browser Dukungan vertikal Galeri mendukung semua browser utama, seperti: Firefox, Internet Explorer, Chrome, Safari, Opera. Transisi CSS3

Mendukung properti CSS3 transisi. Buat slider dengan akselerasi perangkat keras transisi CSS3.

Template aliran Slider ini didukung oleh aliran Slider Gratis jQuery Plugin, yang endlesly disesuaikan dan menjamin tanpa cacat geser.

Plugin disesuaikan Sesuaikan semua fitur dari galeri dengan mengubah pilihan ketika menggunakan plugin jQuery ini.


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

Properties

dibuat:
23 tanggal 12 Maret

Pembaharuan Terakhir:
23 Maret 12

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

file Termasuk:
JavaScript JS, HTML, CSS

Versi perangkat lunak:
Lainnya, jQuery

Kata kunci

eCommerce, eCommerce, Semua barang, korsel, galeri, gambar, antarmuka, js javascript, jquery, gerakan mouse, gambar, Plugin, pratinjau, alat pemutar, slider, kuku ibu jari, ui, vertikal