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

XML Timeline Animation Banner

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


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Timeline Animation Banner
Trước khi iPhone và iPad, Flash đã được các giải pháp hiệu quả nhất trong việc cung cấp hình ảnh động chất lượng trong các trang web. Nhưng với sự phổ biến gia tăng của các thiết bị iOS không có hỗ trợ đèn flash, ngành công nghiệp đang dần chuyển sang các tiêu chuẩn mở. Các nhà phát triển chủ yếu dựa trên các thư viện javascript hoạt hình cho các nhu cầu hoạt hình của họ. Thật không may, hầu hết các thư viện vẫn có một số hạn chế mà XML Timeline Animation Banner muốn giải quyết. Kiểm tra các tính năng dưới đây. Nó chỉ có thể là những gì bạn đang tìm kiếm.

Tính năng

1. CSS Animation
Này sử dụng sức mạnh của JQuery để chọn DOM Elements và Greensock Animation Platform (GSAP) v12 cho các hình ảnh động nhanh chóng thực sự điên rồ và trình tự. Bạn có thể làm động gần như bất kỳ thuộc tính CSS của các yếu tố DOM bao gồm biên giới, màu sắc, tỷ lệ phần trăm, làm mờ, biến đổi lý thú như skewX, skewY, scaleX, scaleY, luân chuyển, x, và y. Không có thông số CSS định trước trong XML mà bạn cần phải nhập vào. Đơn giản chỉ cần làm động chỉ các thuộc tính bạn cần cho một hoặc nhiều DOM elements.Below là một ví dụ cho thấy các hình ảnh động css.

2. Javascript Object tài sản và chức năng dựa trên tài sản Tweening
XML Timeline Animation Banner không chỉ giới hạn phần tử DOM hoạt hình. Nó cũng cung cấp một cách để Tween thuộc tính đối tượng. Bạn có thể nhắm mục tiêu một đối tượng duy nhất hoặc thậm chí nhiều đối tượng sử dụng mảng. tính năng tuyệt vời này cung cấp một cách linh hoạt để làm sinh động đối tượng đồ họa trong một phần tử Canvas. Một tính năng khác là khả năng Tween tính dựa trên chức năng. Nó sẽ làm việc nếu bạn có một đối tượng với một vòng quay function () mà được và đặt một giá trị. Ngoài ra, nó cũng có thể Tween thậm chí nếu bạn có các chức năng như setRotation () và getRotation ().

3. thời gian cao cấp Sequencing
Sử dụng thời gian, bạn có thể bù đắp những điểm chèn, sắp xếp ảnh động cùng thời gian bắt đầu cùng một hoặc sắp xếp chúng một sau khi khác. Bạn thậm chí có thể thiết lập một thời gian có thể được thêm vào thời gian bắt đầu của mỗi hình ảnh động. Bạn thậm chí có thể đi xa hơn bằng cách mốc thời gian làm tổ (timeline trong một thời gian). Bạn cũng có thể có nhiều biểu ngữ có các điều khiển riêng biệt trong một trang.

4. Cross-trình duyệt, PC, Mac, Android và iOS tương thích
Sử dụng một máy PC, Mac, Android hoặc IOS thiết bị? Không vấn đề gì. Kể từ khi nó được viết bằng Javascript, nó phải làm việc trên các thiết bị của bạn. thuộc tính CSS tiêu chuẩn bao gồm biến đổi đặc biệt như xoay, scaleX, scaleY, quy mô, skewX, skewY, x, y, transformOrigin sẽ làm việc trong tất cả các trình duyệt hiện đại ngay cả với một trình duyệt cổ điển như Internet Explorer 6. thuộc tính CSS không đạt tiêu chuẩn sẽ phụ thuộc vào trình duyệt ủng hộ. Vì vậy, nếu trình duyệt của bạn hỗ trợ nó, nó có thể được hoạt hình.

5. Advanced Controls tài
Giờ đây người dùng có các điều khiển video giống như (không có đệm) khi xem các hình ảnh động. Lặp lại, tạm dừng, phát hay tìm kiếm (thời gian hoặc nhãn) bất cứ lúc nào để người dùng của bạn không phải bỏ lỡ một điều. Bạn có thể sử dụng các nhãn được đánh dấu chính xác trong thanh tìm kiếm để người dùng của bạn sẽ biết khi các tập tiếp theo của phim hoạt hình bắt đầu. Tất cả đều có thể được thiết lập trong XML.

6. Nhiều biểu ngữ trong một trang
Bạn có thể đặt nhiều biểu ngữ trong một trang sử dụng một XML. Mỗi biểu ngữ có thể có chuỗi thời gian riêng của mình và điều khiển.

7. Một XML, Nhiều Banner kích cỡ
Một xml có thể được tái sử dụng trong các trang khác nhau đòi hỏi phải có kích thước biểu ngữ khác nhau. Điều này có thể cắt giảm chi phí bởi vì sẽ có không cần phải làm lại các hình ảnh động tương tự với kích thước biểu ngữ khác nhau. Điều này có thể đạt được bằng cách sử dụng một sự kết hợp của% dựa trên vị trí và kích thước.

8. Slice hình ảnh của bạn với ImageSlicer
ImageSlicer sử dụng CSS để thuận tiện cắt và làm sinh động hình ảnh chỉ bằng cách thiết lập số lượng các hàng và cột trong XML. Kết hợp với trình tự thời gian, nó tạo ra quá trình chuyển đổi hình ảnh lát mát.

9. Thông minh Autoplay
Hầu hết thời gian bạn không cần một hình ảnh động biểu ngữ để chơi khi nó không phải là nhìn thấy được trong trang. Với tính năng này, bạn có thể chỉ định tạm dừng các hoạt hình biểu ngữ khi không được hiển thị trong trang của bạn. Điều này tiết kiệm thêm chi phí xử lý đặc biệt là với các thiết bị di động.

10 phần tử DOM Event Handler
Điều này giúp gắn các sự kiện để DOM yếu tố mà không cần mã hóa.

Lưu ý: Hình ảnh không có trong mua hàng của bạn.


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 Chín 12

Cập nhật cuối cùng:
12 Tháng Chín 12

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

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, XML, 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 đồ, hoạt hì, nh, tự chạy, cờ, điều khiển, greensock, slicer ảnh, thô, ng minh, jquery, đa kí, ch thước, slicer, thanh trượt, mốc thời gian, timelinemax, tweenmax, xml