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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Sidebar Gallery ialah jQuery plugin dan tema template yang membuat slider imej menegak menakjubkan dengan tiga darjah putaran. Vertical Sidebar Gallery adalah teman yang sempurna untuk sidebar laman web anda. Anda boleh menggunakannya sebagai sebuah galeri imej atau dipaparkan post scroller. Meletakkan jumlah yang tidak terhad kandungan dalam ruang yang terhad! Anda hanya perlu untuk menjana HTML kandungan anda dan galeri akan melakukan yang lain. Ia adalah bergaya, intuitif, dan akan meningkatkan pengalaman pengguna mana-mana laman web.

Bagaimana untuk menggunakan plugin? Pada asasnya anda boleh mulakan dengan fail basic.html itu. 1. Salinan HTML dari fail basic.html (kod antara... tags). 2. Termasuk stylesheet untuk gaya galeri: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Termasuk necessare fail JavaScript: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-roda tetikus-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Mula menggunakan galeri dengan memanggil jQuery plugin:. <script> jQuery () bersedia ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Untuk menyesuaikan galeri anda menggunakan pilihan-pilihan berikut:. <Script> jQuery () bersedia (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({awalan:. "VSG", // kelas css showHoverBars awalan: benar, // sama ada untuk menunjukkan atas kiri menu hover rotateVertical: benar, // sama ada untuk menggunakan putaran menegak rotateHorizontal: benar, // sama ada untuk menggunakan putaran mendatar rotateThumbnails: benar, // sama ada untuk menggunakan putaran imej kecil optionsSliderHorizontal : {}, // pilihan Flow Slider untuk slider optionsSliderVertical mendatar: {}, // pilihan Flow Slider untuk menegak slider optionsSliderThumbnail: {} // pilihan Flow Slider untuk slider thumbnail});}); </ Script>

Untuk memahami pilihan Flow Slider yang lebih baik anda digalakkan untuk melawat laman webnya. Sebagai contoh, untuk membuat slider mendatar untuk menukar posisi tanpa animasi, tetapi serta-merta, hanya menetapkan optionsSliderHorizontal: {animasi: "Tiada"}

Menyesuaikan anda Menegak Galeri Imej datang dengan lima tema reka bentuk dipasang. Hanya membuat elemen lebih slider dengan salah satu kelas kulit:.vsg-Threadless,.vsg-closeup,.vsg-rumput, atau.vsg-kombo. Tetapi, jika anda tidak mencari reka bentuk anda ia masih mudah untuk membuat wajah anda sendiri. Hanya mengubah suai warna dalam salah satu fail CSS kulit.

Menukar Saiz Slider Anda Anda boleh menghulurkan Sidebar Gallery menegak untuk mana-mana lebar anda mahu. Lima pilihan lebar dipasang untuk anda:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Atau buat saiz anda sendiri dengan menyesuaikan salah satu fail CSS saiz.

Multi Thumbnails Tambah lebih daripada satu imej ke imej kecil dan pemutar imej terhingga akan dicipta untuk menatal imej itu.

Slider 3-in-1 Tiga slider kuasa template ini: slider panel mendatar, slider thumbnail menegak, dan pemutar imej mendatar.

Top Navigation Slide panel bahagian dengan mengklik butang navigasi atas atau berlegar atas-kiri legenda navigasi.

Mouse Wheel Letakkan kursor anda ke atas slider untuk menatal kandungan panel atas menggunakan roda tetikus tatal.

Hash Pengawal Navigasi melalui galeri dengan hash URL pelayar. Sebagai contoh, tambah # 3 kepada URL halaman ini dan menyegarkan ia.

Pelayar Imej Sokongan menegak Gallery menyokong semua pelayar utama, seperti: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Peralihan

Menyokong harta peralihan CSS3. Buat slider dengan perkakasan dipercepatkan peralihan CSS3.

Templat aliran Slider ini dikuasakan oleh aliran Slider Percuma jQuery plugin, yang endlesly disesuaikan dan memastikan sempurna gelongsor.

Plugin disesuaikan Menyesuaikan semua ciri-ciri galeri dengan menukar pilihan apabila menggunakan plugin jQuery ini.


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

Properties

dicipta:
23 Mac 12

Kemaskini:
23 Mac 12

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

fail Termasuk:
JavaScript JS, HTML, CSS

Versi perisian:
Lain-lain, jQuery

Kata kunci

eCommerce, eCommerce, semua Item, karusel, Galeri, gambar, antara muka, js javascript, jquery, langkah tetikus, picture, Pasangkan, preview, alat pemutar, slider, thumbnail, ui, menegak