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

jSimplePresentation

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


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Mục này đại diện cho một tầm nhìn mới về một slideshow, được cung cấp như là một plugin jQuery.
Một số ứng dụng có thể có:

  • Để sử dụng nó thay vì powerpoint để trình bày ý tưởng của bạn
  • Để quảng cáo cho một sản phẩm, một trang web,...
  • Để thực hiện một cuốn sách HTML thiết kế
  • vv, vv

Tính năng

  • Có thể sử dụng các plugin khác ngoài một này
  • Có thể tải không giới hạn số trang
  • Nó có thể chứa những gì bạn muốn (một trang web là một div đơn giản)
  • Các trang (trung tâm của trang) sẽ được tự động thay đổi kích cỡ với các trình duyệt
  • Đầy đủ và dễ dàng tùy biến
  • Rất dễ dàng để sử dụng
  • Bàn phím điều hướng (RIGHT / LEFT / SPACE / L)
  • Lựa chọn Slideshow
  • Tùy chọn Autoplay
  • Tùy chọn vòng lặp
  • Hình ảnh preloading tùy chọn
  • Chuyển đến một trang nào đó (với điều khiển đầu vào bảo đảm)
  • W3C hợp lệ
  • Hoạt động trên iOS (iPhone / iPad) và chắc chắn trên Android
  • Ba chủ đề bao gồm (xám, xanh, cam)
  • 4 mẫu thiết lập chuyển tiếp
  • Bạn có thể viết quá trình chuyển đổi của riêng bạn với một chức năng đơn giản trong cuộc gọi Plugin
  • Chuyển tiếp có thể khác nhau cho các hành động tiếp theo và trước
  • Cũng nhận xét (hầu hết các hành động trong các mã có bình luận)

Làm thế nào để sử dụng nó

JS - Cú pháp
 $ (Document).simplePresentation ({ autoplay: boolean, loop: boolean, intervalTime: số nguyên, nạp trước: boolean, transitionFct: function }); 

JS - Ví dụ với một quá trình chuyển đổi định sẵn
 var transitionFunction = function (ELT, nguồn, transitionTime) { Transition.opacity (ELT, nguồn, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 2000, nạp trước: false, transitionFct: transitionFunction }); 

JS - Ví dụ với một quá trình chuyển đổi, chúng tôi viết
 var transitionFunction = function (ELT, nguồn, transitionTime) { elt.css ("opacity", "0"); // Nếu chúng ta đang đi đến trang tiếp theo if (nguồn == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacity": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacity": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Bày = $ (document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 4000, nạp trước: đúng, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Mỗi div với id = "pageX" đại diện cho một trang.
Mỗi trang phải có id bắt đầu với "trang".

Trình duyệt tương thích

Mặt hàng này hoạt động với các trình duyệt sau:
  • Firefox 4 +
  • IE7 + (sử dụng css stylesheet tách cho IE ít hơn V.9)
  • Nhạc kịch
  • Cơ rôm
  • Safari

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:
15 ngày 11 tháng 12

Cập Nhật Cuối Cùng:
N / A

Độ phân giải cao:
Không

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

Bao gồm các tập tin:
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ử, All Items, hoạt hì, nh, thiết kế, powerpoint, sự trì, nh bà, y, thanh trượt, slideshow, quá, trì, nh chuyển đổi