Dành riêng cho Pano2VR 8

Hiệu ứng Skin,
Chọn là dùng ngay.

Xem trước trực quan, lọc theo nhóm phần tử skin và sao chép class CSS chỉ với 1 cú click. Thư viện chạy thuần CSS và JavaScript, không cần framework hay thư viện ngoài.

Khám phá danh mục hiệu ứng

26

Hiệu ứng

5

Nhóm phần tử

0

Dependencies

📍

Minh họa chuyển động: fx-float + fx-pulse ● Hoạt động

Effect Catalog

Chọn hiệu ứng phù hợp

Mỗi class được tối ưu độc lập để dán trực tiếp vào trường CSS Classes của phần tử skin trong Pano2VR.

Pano2VR Integration

Hai file. Một lần nhúng.

Nhúng trực tiếp CDN từ subdomain lib.360vr.com.vn vào template HTML xuất bản của Pano2VR 8.

effects.css

effects.js

Nhúng thư viện

Thêm hai dòng thẻ <link> và <script> vào template HTML xuất bản của tour Pano2VR.

Gắn class

Trong Skin Editor, chọn phần tử và dán class vào trường CSS Classes.

Tùy chỉnh biến CSS

Đổi tốc độ, màu hoặc độ lớn bằng các biến CSS --fx-* trực tiếp trên skin của bạn.

JavaScript API

Điều khiển hiệu ứng bằng Action

effects.js tự động giữ nguyên transform định vị của Pano2VR. Sử dụng đối tượng toàn cục PanoFX khi cần gắn, gỡ hoặc phát lại hiệu ứng từ action JavaScript.

PanoFX.apply(target, class)
PanoFX.remove(target, class)
PanoFX.toggle(target, class)
PanoFX.replay(target, class)

Pano2VR Action Script

PanoFX.replay("#my_button", "fx-pop");

Hiệu ứng Skin, Chọn là dùng ngay.

26

5

0