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 để WorldWideScripts.net

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Dọc Sidebar Gallery là một plugin và theme jQuery mẫu mà tạo một thanh trượt hình ảnh dọc tuyệt đẹp với ba độ quay. Dọc Sidebar Gallery là một đồng hành hoàn hảo cho sidebar của trang web của bạn. Bạn có thể sử dụng nó như một thư viện hình ảnh hoặc bài đặc trưng cuộn. Đặt số lượng không giới hạn các nội dung trong không gian hạn chế! Bạn chỉ cần để tạo ra HTML của nội dung của bạn và thư viện sẽ làm phần còn lại. Nó là hợp thời trang, trực quan, và sẽ nâng cao kinh nghiệm người sử dụng bất kỳ trang web.

Làm thế nào để sử dụng các plugin? Về cơ bản bạn có thể bắt đầu với các tập tin basic.html. 1. Sao chép mã HTML từ file basic.html (mã giữa... tags). 2. Bao gồm stylesheet để kiểu thư viện: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Bao gồm necessare JavaScript tập tin: <script src = "js / jquery -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> 4. Bắt đầu sử dụng các thư viện bằng cách gọi jQuery plugin:. <script> jQuery () đã sẵn sàng ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Để tùy chỉnh bộ sưu tập của bạn sử dụng các tùy chọn sau đây:. <Script> jQuery () đã sẵn sàng (function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({tiền tố:. "VSG", // lớp css showHoverBars tiền tố: sự thật, // liệu để hiển thị menu hover trên bên trái rotateVertical: true, // liệu để sử dụng các phép quay dọc rotateHorizontal: true, // liệu để sử dụng các phép quay rotateThumbnails ngang: true, // xem có sử dụng vòng xoay thumbnail optionsSliderHorizontal : {}, // tùy chọn dòng trượt cho optionsSliderVertical trượt ngang: {}, // tùy chọn dòng trượt cho các thanh trượt dọc optionsSliderThumbnail: {} // dòng trượt tùy chọn cho các thanh trượt thumbnail});}); </ Script>

Để hiểu rõ hơn về lựa chọn các dòng trượt của bạn được khuyến khích đến thăm trang web của mình. Ví dụ, để làm cho thanh trượt ngang để thay đổi vị trí của nó mà không có một hình ảnh động, nhưng ngay lập tức, chỉ cần đặt optionsSliderHorizontal: {hoạt hình: "Không"}

Tùy chỉnh bộ hình ảnh Gallery dọc của bạn đi kèm với năm chủ đề thiết kế lắp đặt. Chỉ cần tạo ra một yếu tố trên thanh trượt với một trong các lớp da:.vsg-Threadless,.vsg-closeup,.vsg cỏ, hoặc.vsg-combo. Nhưng hey, nếu bạn không tìm thấy thiết kế của bạn, nó vẫn còn dễ dàng để tạo ra cái nhìn của riêng bạn. Chỉ cần thay đổi màu sắc ở một trong những file skin CSS.

Thay đổi kích thước của trượt của bạn Bạn có thể kéo dài dọc Sidebar Gallery để bất kỳ chiều rộng mà bạn muốn. Năm tùy chọn chiều rộng được cài đặt cho bạn:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Hoặc tạo ra kích thước của riêng bạn bằng cách tùy biến một trong các tập tin CSS kích thước.

Đa Thumbnail Thêm nhiều hình ảnh vào một hình ảnh thu nhỏ và một rotator hình ảnh vô hạn sẽ được tạo ra để di chuyển qua những hình ảnh.

3-trong-1 Slider Ba thanh trượt điện mẫu này: trượt bảng ngang, trượt thu nhỏ theo chiều dọc, và rotator hình ảnh ngang.

Top Navigation Trượt tấm đầu bằng cách nhấn các nút điều hướng trên hoặc lơ lửng phía trên bên trái huyền thoại hướng.

Chuột Wheel Đặt con trỏ trên thanh trượt để di chuyển nội dung bảng điều khiển sử dụng bánh xe chuột di chuyển.

Băm khiển Điều hướng thông qua phòng trưng bày với hash URL của trình duyệt. Ví dụ, thêm # 3 vào URL của trang này và làm mới nó.

Hỗ trợ trình duyệt dọc Hình ảnh Thư viện hỗ trợ tất cả các trình duyệt chính, như: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Hỗ trợ bất động sản chuyển tiếp CSS3. Tạo một thanh trượt với phần cứng tăng tốc quá trình chuyển đổi CSS3.

mẫu dòng trượt này được cung cấp bởi dòng chảy Slider miễn phí jQuery plugin, mà là endlesly tùy biến và đảm bảo hoàn hảo trượt.

Tùy chỉnh Plugin Tùy chỉnh tất cả các tính năng của thư viện bằng cách thay đổi tùy chọn khi sử dụng jQuery plugin này.


Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo:
23 ngày 12 tháng 3

Cập nhật cuối cùng:
23 ngày 12 tháng 3

Trình duyệt tương thích:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

tập tin bao gồm:
JavaScript JS, HTML, CSS

Phiên bản phần mềm:
Khác, jQuery

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, băng chuyền, bộ sưu tập, hì, nh ảnh, giao diện, js javascript, jquery, di chuyển chuột, hì, nh ảnh, cắm và, o, xem trước, bắp thịt xoay, thanh trượt, thumbnail, ui, theo chiều dọc