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

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Dikey Kenar Çubuğu Galeri üç rotasyon derecesi ile çarpıcı bir dikey görüntü kaymak oluşturabilirsiniz bir jQuery eklentisi ve tema şablonları. Dikey Kenar Galeri web sitenizin kenar çubuğu için mükemmel bir arkadaştır. Bir resim galerisi ya da özellikli yazılan kaydıraç olarak kullanabilirsiniz. Sınırlı alanda içerik sınırsız miktarda koyun! Sadece içerik HTML üretmek gerekiyor ve galeri dinlenme yapacak. Bu sezgisel, şık ve herhangi bir web sitesinin kullanıcı deneyimini geliştirmek olacaktır.

Nasıl eklenti kullanmak? Temelde basic.html dosyası ile başlayabilirsiniz. 1. Kopya basic.html dosyadan HTML (arasında... etiketleri kodu). 3. necessare JavaScript dosyalarını dahil </ link rel = "stylesheet" href = "css / style.css" type = "text / css">: <script src = "js / jquery 2. galeri stili stil ekleyin -1.7.1.min.js "> </ script> <script src =" js / jquery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script jQuery eklentisi arayarak galerisini kullanarak> 4. Başlangıç:. <script> jQuery (hazır) ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

. <Script> jQuery (hazır) (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({önek:. "VSG", // css sınıfı önek showHoverBars: galeri aşağıdaki seçenekleri kullanın özelleştirmek için gerçek olsun // sol üst vurgulu menüsünü rotateVertical göstermek için: true, dikey rotasyonları rotateHorizontal kullanmak isteyip //: yatay rotasyonlar rotateThumbnails kullanmak isteyip // true: küçük resim rotasyonu kullanılıp kullanılmayacağını // doğru optionsSliderHorizontal : {}, yatay kaydırıcı optionsSliderVertical için // Akış Slider seçenekleri: {}, // dikey sürgü optionsSliderThumbnail için Akış Slider seçenekleri: {} küçük resim sürgü için // Akış Slider seçenekleri});}); </ Script>

daha Akış Slider adlı seçeneğini anlamak için onun web sitesini ziyaret için teşvik edilir. Örneğin, bir animasyon olmadan konumunu değiştirmek için yatay kaydırma çubuğunu yapmak için, ama anında, sadece optionsSliderHorizontal ayarlayın: {animasyon: "Hiçbiri"}

Sizin Galeri Dikey Resim galerisi yüklü beş tasarım temalar ile birlikte geliyor özelleştirin. .vsg-dişsiz,.vsg-closeup,.vsg-çimen veya.vsg-combo: Sadece deri sınıflardan biri ile sürgünün üzerinde bir öğe oluşturun. Eğer tasarım bulamazsanız Ama hey, yine de kendi görünüm oluşturmak kolaydır. Sadece CSS cilt dosyalardan biri renkleri değiştirin.

Dilediğiniz genişliği Dikey Kenar Çubuğu Galeri uzatabilirsiniz Sizin Kaydırıcısının boyutunu değiştirmek. Beş genişlik seçenekleri sizin için yüklenir:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Veya boyut CSS dosyalarından birini özelleştirerek kendi boyutu oluşturun.

Çok Minyatür küçük resim için birden fazla görüntü ekleyin ve sonsuz görüntü rotator bu görüntüleri kaydırmak için oluşturulur.

3-in-1 Slider Üç sürgü gücü bu şablonu: Yatay Panel kaymak, dikey küçük resim kaymak ve yatay görüntü rotator.

En Navigasyon üst gezinti düğmeleri tıklayarak veya sol üst gezinti efsanesi gelerek üst paneller kaydırın.

Fare Tekerleği farenin kaydırma tekerleğini kullanarak üst panel içeriğini kaydırmak için sürgünün üzerine getirin.

tarayıcınızın URL karma ile galeriler aracılığıyla Kontrolör Şuraya Hash. Örneğin, bu sayfanın URL'sini # 3 ekleyin ve yenileyin.

Firefox, Internet Explorer, Chrome, Safari, Opera: Tarayıcı Desteği Dikey Resim Galerisi gibi tüm önemli tarayıcılarını destekler. CSS3 Geçişleri

CSS3 geçiş özelliği destekler. donanım hızlandırmalı CSS3 geçişleri ile bir kaydırıcı oluşturun.

Akış Slider Bu şablon endlesly özelleştirilebilir ve sürgülü kusursuz sağlayan Akış Slider Ücretsiz jQuery eklentisi tarafından desteklenmektedir.

Özelleştirilebilir Plugin Bu jQuery eklentisi kullanırken seçeneğini değiştirerek galerinin tüm özelliklerini özelleştirin.


Indir
Bu kategorideki diğer bileşenleriBu yazarın tüm bileşenleri
YorumlarSıkça sorulan sorular ve cevapları

Özellikleri

oluşturuldu:
23 Mart 12

Son Güncelleme:
23 Mart 12

uyumlu Tarayıcılar:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

dosyalar Dahil:
JavaScript JS, HTML, CSS

Yazılım versiyonu:
Diğer jQuery

Anahtar kelimeler

E-ticaret, E-ticaret, Tü, m eşyalar, atlıkarınca, galeri, gö, rü, ntü, arayü, zey, javascript js, jQuery, fare hareketi, resim, eklenti, ö, nizleme, dö, ndü, rü, cü, kaydırıcı, başparmak tırnağı, ui, dikey