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

KenBurner Slider 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ó!


KenBurner trượt jQuery Plugin - WorldWideScripts.net Mục Bán

Ads

Ad: Bluehost hosting

Bấm vào đây theo Envato

KenBurner trượt jQuery Plugin

Nó là gì?

Kenburner là cách bảo hiểm của việc sử dụng một thanh trượt trong trang web của bạn . Một sự kết hợp của hiệu ứng Ken Burns, nhà nước-of - the-nghệ thuật trượt và văn bản động xác định thanh trượt này .

Tùy chỉnh thanh trượt này chỉ với một chút HTML và CSS để những nhu cầu của bạn . Cung cấp cho mỗi thanh trượt một số chú thích để vận chuyển thông điệp của bạn . Burns sử dụng các yếu tố biểu ngữ hoạt hình Ken của bạn với khả năng chơi YouTube và Vimeo clip trong một cái nhìn chi tiết đặc biệt với mô tả văn bản .

Phát hành V.1.3 ( 2012/08/19 )

  • Chrome lỗi chính với Thumbnail và Canvas hoạt hình cố định. Bóng được lấy ra từ Thumbnail trong Chrome
  • Chức năng hẹn giờ đã được bổ sung ( showTimer / tắt thông qua tùy chọn, và Settings.css )
  • Tạm dừng biểu tượng được hiển thị ở góc trên bên phải (thông qua settings.css thể theo kiểu hoặc loại bỏ)

Sửa lỗi 16.05.2012

  • Xung đột plugin đã được giải quyết trong Plugin cssAnimation

Sửa lỗi và tính năng mới 10.05.2012

  • Bóng trái / phải / lặp đi lặp lại sửa chữa . Một số lỗi kích thước đã được sửa chữa
  • Trong bộ Chiều rộng / Chiều cao thiết lập tùy chọn là không bằng outter kích thước của Banner . Vấn đề này đã được sửa chữa ! Cẩn thận, nếu bạn cập nhật phiên bản mới, container của bạn sẽ được 20px nhỏ hơn vì paddings và biên giới !
  • Thêm tùy chọn mới để bật / tắt các Canvas lỗi của Google Chrome. Chrome trong quá trình chuyển đổi điện cao thế được trao đổi với hiệu ứng chuyển slide để bỏ qua các lỗi Canvas trong Chrome

Google Chrome Bug / Fade chuyển Bug 09.05.2012

Các Lates GoogleChrome Cập nhật ( 18.0.1025.168 ) có một số lỗi trong Rendering Canvas . Do lỗi này Fade Trong quá trình chuyển đổi sẽ không làm việc tốt giữa các slide. Bạn sẽ thấy một số nhấp nháy bằng cách thay đổi giữa các slide với chuyển tiếp mờ dần. Kể từ khi vấn đề này không tồn tại trong trình duyệt IE hoặc FF trong chúng tôi chỉ có thể cung cấp cho bạn một cách giải quyết nhỏ, nơi các Plugin tự động bỏ qua quá trình chuyển đổi phai trong Google Chrome . Nếu bạn quan tâm, xin vui lòng tải về bản cập nhật tiếp theo của chúng tôi!

Thông qua các tùy chọn repairChromeBug : " trên ", bạn có thể quyết định bất cứ khi nào bạn muốn thay đổi tự động chuyển tiếp mờ dần đối với quá trình chuyển đổi trình chiếu trong Chrome .

Cảm ơn rất nhiều, và nếu bạn có bất kỳ câu hỏi, xin vui lòng liên hệ với chúng tôi qua http://themepunch.ticksy.com !

Cập nhật thêm tính năng từ ngày 10 tháng 2 năm 2012

Vui lòng sử dụng đường dẫn cập nhật tài liệu để cập nhật phiên bản trước đó của bạn .
  • Thêm chức năng tải lười biếng . Thiết lập thông qua lựa chọn bao nhiêu slide nên được cài đặt sẵn
  • Sử dụng Google Font được đơn giản hóa . Chỉ cần thiết lập thông qua tùy chọn phông chữ google và thư viện js .
  • JS Thư viện được giảm thiểu và sáp nhập. Lợi nhuận : tải nhanh hơn của Thư viện

Cập nhật thêm tính năng từ ngày 8 tháng 2 năm 2012

  • Tự động tính toán giá đỡ Kích thước tùy thuộc vào Banner và kích thước thumnail
  • Video Ký hiệu trên cùng ( on / off) Lựa chọn thêm
  • Tự động trượt Tùy chọn
  • Thanh công cụ tùy chọn Bulletpoint

Cập nhật từ 01 tháng 2 năm 2012

  • IE8 2 lỗi trượt loại bỏ
  • Video Roll Over trong IE7 và IE8 lỗi bị loại bỏ
  • cssAnimate JS lỗi bị loại bỏ

Vì vậy, những gì là quá mới ?

Cho hiệu suất hoạt động tốt nhất sử dụng HTML5 Canvas hoạt hình . Nếu điều này là không thể trong trình duyệt của bạn nó sẽ dự phòng để CSS Animation . Và nếu bạn sử dụng một trình duyệt mà không này nó sẽ dự phòng để một phiên bản jQuery. Vì vậy, nó hoạt động trên tất cả các trình duyệt hiện đại (bao gồm cả IE7 / 8 ) và trên các thiết bị di động với hiệu suất tốt nhất có thể !

Ken Burns là hoàn toàn tùy chỉnh: Start-, điểm cuối, phóng to hoặc thu, Zoom tố là tất cả trong các thông số thanh trượt khác nhau . Hoặc đi các loại hạt và chọn " ngẫu nhiên " !

Và đừng quên rằng bạn không chỉ có thể làm động chuyển hình ảnh của bạn và các hiệu ứng Ken Burns nhưng các yếu tố ( văn bản, biểu tượng, Pics ... ) trên mỗi slide quá . Bạn có thể tạo ra một lượng không giới hạn của các đối tượng và để cho họ xuất hiện với phong cách!

Điều này thực sự chạy trên tất cả các trình duyệt và trên điện thoại di động ?

Chắc chắn nó hoạt động trêntất cả các trình duyệt hiện đại (bao gồm cả IE7 / 8 )và trêniOS ( iPad, iPhone )Androidthiết bị di động do 3 hệ thống dự trữ lớp của nó .Cảm ứng swipecho iOS và các thiết bị di động Android là tất nhiên bao gồm .

Kiểm tra các phiên bản di động

Các tính năng là gì ?

  • Hình ảnh và cùng định lại kích thước
  • Sử dụng Canvas ảnh với dự phòng để CSS Animation và cũng với dự phòng để jQuery
  • Tùy chọn hiệu ứng Ken Burns
  • Không giới hạn các lớp Chú thích
  • Slides không giới hạn
  • Tùy chỉnh hiệu ứng Ken Burns ( StartEnd - Vị trí và Phóng to hay ngẫu nhiên )
  • iPhone / iPad và Android swipe cảm ứng kích hoạt
  • Xung đột jQuery plugin miễn phí
  • Tùy biến 100 % thông qua các tham số Plugin / CSS / HTML
  • Dễ dàng cài đặt trong Website của bạn
  • Nới lỏng đặc biệt
  • Ví dụ trang bao gồm
  • Ví dụ Hiệu ứng hình ảnh Hướng dẫn PSD bao gồm
  • 2 Hình ảnh được sử dụng cho Hover dụng phụ, vì vậy bạn có thể xây dựng tất cả các hiệu ứng mà bạn muốn ( mờ, màu xám ... ) với công cụ hình ảnh yêu thích của bạn

Là khó khăn để thực hiện ?

Không ! Đó là cách điển hình của việc thực hiện mộtjQueryplugin. Bạn chỉ cần biết chút HTML và Javascript .
Ví dụ đưa ra là một điểm khởi đầu tuyệt vời để xây dựng thanh trượt của bạn ra khỏi nó . Đặt JS và CSS liên kết trong phần đầu của trang web HTML của bạn và đưa vào một số yếu tố DIV cho các hạng mục của bạn .

Blur hiệu ứng chuyển tiếp dựa trên sự thay đổi của 2 hình ảnh. PSD Hướng dẫn của chúng tôi cung cấp cho bạn những kiến thức cần thiết để tái tạo hiệu ứng này trên hình ảnh của bạn .


Những hình ảnh nhìn thấy trong bản xem trước được cấp phép từ Fotolia và là không bao gồm trong việc tải xuống . Tải về của mặt hàng này chứa các hình ảnh giữ chỗ với các nhãn kích thước .

WordPress Chủ đề của ThemePunch

WordPress 3.3 tương thích tùy chỉnh bảng quản trị màu sắc không giới hạn lớn Danh mục đầu tư không giới hạn không giới hạn sidebars

WordPress Chủ đề của ThemePunch

PREMIUM đáp ứng KINH DOANH Wordpress chủ đề SEO CHỌN AVERIS WordPress 3.3 tương thích điện thoại di động bố trí tối ưu shortcodes Màu sắc nổi bật không giới hạn không giới hạn Giao diện hoàn toàn Đáp ứng tối ưu hóa cho Iphone, Ipad WordPress 3.3 tương thích bài viết định dạng Video, Hình ảnh, ngăn cấm Trang Layouts lớn tùy chỉnh Admin Panel Giao diệnWordPress 3.3 tương thích tùy chỉnh bảng quản trị màu sắc không giới hạn lớn Danh mục đầu tư không giới hạn sidebars không giới hạn

Các thành phần của ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl tùy biến cao Ken Bums Effect tự do Positionabte Chú thích HTML HTML Caivas ảnh với FaliBack hoạt hìnhJfluery Deep Liên kết Pagination Responsive Chiều rộng cố định Kích thước và Youtube hỗ trợ nền trình diễn hình ảnh và Tile JQuery nút cuộn của chuột mức hỗ trợ cảm ứng swipe iOS và các thiết bị di động Android ảnh với FaUBack jQuery chạy trình duyệt hiện đạiSai Effect HTI4 . Chú thích cảm ứng swipe cho Los và Android thiết bị di động CSS Animation mit dự phòng jQyery chạy trình duyệt hiện đại MÔ HÌNH hity sbdef


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:
8 ngày 12 tháng 1

Cập nhật lần cuối:
17 13 tháng 2 , trình duyệt tương thích

tập tin bao gồm:
JavaScript của JS , HTML, CSS , Layered PSD, phân lớp PNG

Từ khóa