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

jQuery Homepage Banner Slideshow / Product viewer

— 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ó!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Tập tin này là phù hợp cho banner trang chủ, slideshow, xem sản phẩm, Gallery mặc dù bạn có thể sử dụng như là một giới thiệu. Tất cả các hình ảnh động có thể tùy chỉnh để phù hợp với bất kỳ loại biểu ngữ. Bạn có thể sử dụng bất kỳ số lượng các lớp trên mỗi thanh trượt. Bạn có thể vị trí và khoảng cách mỗi lớp một cách dễ dàng bằng cách sử dụng thuộc tính dữ liệu. Trong tập tin tải về, năm mẫu mặc định có sẵn trong file html riêng biệt.

Nó hoạt động tốt trong tất cả các trình duyệt bao gồm ipad, ios và thiết bị Android

Hầu như tất cả các tùy chọn có sẵn để tùy chỉnh thanh trượt này mà không cần chỉnh sửa mã nguồn

Chạm khả năng màn hình cho cả máy tính để bàn và thiết bị màn hình cảm ứng

Sử dụng bất kỳ loại nội dung Div nó có thể là nhiều div, hình ảnh (bao gồm cả định dạng hình ảnh trong suốt), video, youtube và swf (file flash)

Tính năng độc đáo:

  • Dễ dàng sắp xếp, khoảng cách và hướng động cho mỗi hình ảnh và văn bản
  • Tùy chọn để chọn bất kỳ loại in / out hướng hoạt hình
  • Lựa chọn để thiết lập hình ảnh động khoảng cách đến
  • Mô hình nền chuyển động hoạt hình
  • Lựa chọn để thiết lập trong thời gian ra / cho mỗi div
  • Lựa chọn để thiết lập thời gian trễ slideshow cho mỗi slide
  • Kích hoạt tính năng máy tính để bàn / Disable Kéo
  • Hỗ trợ hình ảnh không giới hạn và văn bản trên mỗi slide


Nút chấm:
  • Ba loại khác nhau của các nút chấm với Next và nút Previous thiết kế có sẵn
  • Định vị dẫn đường bất kỳ nơi sử dụng Align và chọn Spacing
  • Hiển thị / giấu các chấm, Next và nút Previous
  • Enable / Disable auto hide navigation

Thumbnails:

  • Tùy chọn để hiển thị hình thu nhỏ với nút tiếp theo và trước
  • Có thể dễ dàng thay đổi chiều rộng và chiều cao ảnh thu nhỏ bằng cách sử dụng css
  • Màu viền hình nhỏ, kích thước biên giới, thu nhỏ vào không gian thu nhỏ được điều khiển thông qua tập tin css
  • Thumbnail là tự động phù hợp với chiều rộng banner. Bạn cũng có thể thay đổi các hình thu nhỏ khu vực xem
  • Thumbnail chuột trên hình ảnh màu hoặc kiểm soát thông qua các tập tin css, bạn cũng có thể sử dụng màu sắc thay vì hình ảnh
  • Vị trí các hình ảnh thu nhỏ bất cứ nơi nào bằng cách sử dụng tùy chọn Align và Spacing
  • Bạn có thể hiển thị cả hai nút rải rác và hình thu nhỏ


Các tính năng khác:
  • Slideshow tạm dừng khi người dùng nhấn vào banner nếu không nó tiếp tục chơi
  • Năm loại khác nhau của các mẫu có sẵn
  • Hỗ trợ tất cả các trình duyệt
  • Hỗ trợ font cufon
  • Bạn có thể làm động bất cứ điều gì mà bạn đặt bên trong div

Xem demo trên điện thoại di động của bạn

Trong mã plug-in, bạn có thể tùy chỉnh các slideshow sử dụng dưới biến

 jQuery (function ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: "fmslideshow_assets / sprite.png", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: false, background_move: false, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: false, buttons_align: "BC", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: đúng, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: false, button_next_previous: false, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, SlideShow: false, slideShow_delayTime: 2, desktop_drag: đúng default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Mã slideshow mẫu
 <! - Slide 1 -> <div> <img dữ liệu-align = "BL" dữ liệu khoảng cách = "0,50" dữ liệu inoutdirection = "BB" dữ liệu inoutdistance = "50" dữ liệu StartTime = "0" dữ liệu staytime = "5" dữ liệu animationspeed = "700" dữ liệu easein = "easeOutQuart" dữ liệu easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div dữ liệu-align = "TR" dữ liệu khoảng cách = "70,0" dữ liệu inoutdirection = "RL" dữ liệu StartTime = ". 5" dữ liệu staytime = "6" dữ liệu animationspeed = "400" dữ liệu easein = "easeInQuart" dữ liệu easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Customize Animation </ span> </ div> <div dữ liệu-align = "TR" dữ liệu khoảng cách = "20,0" dữ liệu inoutdirection = "LR" class = "divStyle" dữ liệu inoutdistance = "60"> <span class = "txtMedium"> In / Out Direction - Liên kết - Spacing </ span> </ div> </ div> 
Toàn bộ tài liệu giúp đỡ được bao gồm trong tập tin tải về

Cập nhật về 2013/10/06: lỗi nhỏ cố định

Cập nhật ngày 23-11-2012: IE10 lỗi cố định









Nếu bạn có bất kỳ câu hỏi về tập tin này hãy liên hệ với tôi qua tôi trang hồ sơ.

Kiểm tra các tập tin khác của tôi:

















Kiểm tra các tập tin Flash của tôi:

accordion-ngang-dọc-image-text-hoạt hình







carousel-3-loại-image-sản phẩm-người xem

accordion-ngang-dọc-image-text-hoạt hình


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:
10 Tháng Mười 11

Cập nhật cuối cùng:
11 ngày 13 tháng 6

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

Bao gồm các tập tin:
JavaScript JS, HTML, CSS, Layered PSD

Phiên bản phần mềm:
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 rô, n quảng cá, o, biểu ngữ rotator, thanh trượt hì, nh ảnh, Lớp hoạt hì, nh, xem sản phẩm, resizable, chuyển trượt đơn giản, trì, nh chiếu