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

Before-After Slider&Banner jQuery Plugin

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


Before-After Slider&Banner jQuery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Cập nhật V1.2 - 2012/02/16

  • Tự động hẹn giờ chức năng đã được thêm vào.

Cập nhật V1.1 - 2011/12/18

  • Tối ưu hóa các chức năng IE8
  • New Option: Mousepointer Autofollow On / Off

Nó là gì?

Trước-Sau khi cho phép bạn đặt hai hình ảnh trên đầu trang của mỗi khác và sử dụng một thanh trượt kéo để ẩn và tiết lộ mỗi hình ảnh. Điều này đặc biệt hữu ích để làm nổi bật một Trước / Sau khi trang điểm hoặc Untouched / Photoshopped hình ảnh cạnh nhau.

Chúng tôi xây dựng một thanh trượt xung quanh tính năng này để xây dựng một showcase độc ​​đáo của bộ trước và sau khi hình ảnh. Cung cấp cho mỗi thanh trượt một mô tả và thiết lập các startpoint của thanh trượt để vận chuyển thông điệp của bạn.

Có khó để thực hiện?

Không! Đó là cách điển hình của việc thực hiện một plugin jQuery. Bạn chỉ cần biết chút HTML và Javascript. Đặt JS và liên kết CSS trong phần đầu của trang web HTML của bạn và xây dựng một danh sách chưa phân loại các mặt hàng như thế này:

 <Li> <Img src = "images / beforeafter / 2before.jpg" alt = "images / beforeafter / 2after.jpg"> <Div id = "textbox_1"> <Div id = "logo" class = "faderight"> <Img src = "images / yourlogo.png" alt = ""> </ Div> <Div id = "title" class = "fadeup"> Cô gái ngọt ngào của tôi </ Div> <Div id = "description" class = "fadeup"> Mô tả ipsum dolor ngồi Amet, pericula sapentim ei ius. Pupolo patrioque elaboraret USU et. Duo numquam assentior et. </ Div> </ Div> </ Li> 





Tính năng là gì?

  • Thêm số lượng không giới hạn của văn bản, hình ảnh, và các ứng cho ảnh.
  • Đặt vị trí Z của các văn bản, hình ảnh để hiển thị chúng trên cả hai lớp, hoặc chỉ trên sau khi hay trước lớp. Trộn chúng như bạn muốn.
  • Auto Thumbnail tạo. Tô Màu, vị trí, bóng, tất cả các tính năng này có thể dễ dàng thiết lập thông qua các tập tin CSS.
  • jQuery xung đột plugin miễn phí.
  • Ví dụ trình diễn kèm.
  • Dễ dàng để thực hiện.
  • Bất kỳ hình.
  • Nới lỏng định đặc biệt.

Cảm ơn bạn đã dành thời gian!!


Wordpress Themes của chúng tôi










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:
13 Tháng Chín 11

Cập nhật cuối cùng:
N / A

Trình duyệt tương thích:
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:
jQuery

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, sau, trước, trước-sau, sá, ng tạo, bản thử nghiệm, dễ dà, ng, bộ sưu tập, hì, nh ảnh, jquery, hì, nh chụp, sự sửa lại, showcase, thanh trượt, trì, nh chiếu