360VR Effects GitHub
Dành cho Pano2VR 8

Hiệu ứng skin,
chọn là dùng.

Xem trước trực quan, lọc theo loại phần tử và copy class chỉ với một lần bấm. Thư viện chạy thuần CSS và JavaScript, không cần framework.

Khám phá hiệu ứng
10
Hiệu ứng
4
Nhóm phần tử
0
Dependencies
LIVE PREVIEW
fx-float Đang chạy
CSS JS

Effect catalog

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

Mỗi class được thiết kế độc lập để gắn trực tiếp vào trường CSS Classes của phần tử skin.

Pano2VR integration

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

URL bên dưới tự nhận domain hiện tại, nên sẽ chuyển thành URL Cloudflare Pages sau khi deploy.

effects.css
effects.js
01

Nhúng thư viện

Thêm hai dòng trên vào template HTML xuất bản của tour Pano2VR.

02

Gắn class

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

03

Tùy chỉnh

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

Optional JavaScript API

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

Hiệu ứng lặp chạy được chỉ với CSS. Dùng PanoFX khi cần gắn, gỡ hoặc phát lại hiệu ứng từ action JavaScript của Pano2VR.

  • PanoFX.apply(target, class)
  • PanoFX.remove(target, class)
  • PanoFX.toggle(target, class)
  • PanoFX.replay(target, class)
Pano2VR Action 
PanoFX.replay("#my_button", "fx-pop");
Đã copy