Bình thường khi nghĩ đến triển lãm ảnh người ta thường nghĩ đến code slide hoặc hiển thị danh sách hình ảnh hàng hoạt theo dạng lưới v.v...
Tình cờ lướt trên mạng thấy hiệu ứng show hình ảnh này rất đặc biết nên lấy về cho anh em dùng. Codenày là hiệu ứng 3D HTML5 mô tả không gian 1 căn phòng với hình ảnh được bố trí như 1 phòng triển lãm. Các bạn hãy tải về và tùy biến lại cho phù hợp nhé.
Hãy lưu ý rằng nó hoàn toàn được viết từ HTML5 canvas hiệu ứng 3D động. Đây không khác gì một phòng triển lãm ảnh online cực kì trơn tru không lag giật ngay cả khi có nhiều hình ảnh. Chắc chắn bạn sẽ thích code này nếu bạn đang cần một slider để trình chiếu ảnh. Thật tuyệt
Điểm qua tính năng, khi xem xoay vòng trong phòng triển lãm, bạn có thể click chuột vào một ảnh để xem rõ nét hơn và tự nhiên hơn.
Hướng dẫn: đổi tên tất cả các ảnh bạn muốn triển lãm thành dạng số từ 1 đến n (1 ~ n) sau đó cho vào thư mục imgs
 |
| Trông như 1 phòng triễn lãm thật thụ. |
Tình cờ lướt trên mạng thấy hiệu ứng show hình ảnh này rất đặc biết nên lấy về cho anh em dùng. Codenày là hiệu ứng 3D HTML5 mô tả không gian 1 căn phòng với hình ảnh được bố trí như 1 phòng triển lãm. Các bạn hãy tải về và tùy biến lại cho phù hợp nhé.
Hãy lưu ý rằng nó hoàn toàn được viết từ HTML5 canvas hiệu ứng 3D động. Đây không khác gì một phòng triển lãm ảnh online cực kì trơn tru không lag giật ngay cả khi có nhiều hình ảnh. Chắc chắn bạn sẽ thích code này nếu bạn đang cần một slider để trình chiếu ảnh. Thật tuyệt
Điểm qua tính năng, khi xem xoay vòng trong phòng triển lãm, bạn có thể click chuột vào một ảnh để xem rõ nét hơn và tự nhiên hơn.
Hướng dẫn: đổi tên tất cả các ảnh bạn muốn triển lãm thành dạng số từ 1 đến n (1 ~ n) sau đó cho vào thư mục imgs
No comments:
Post a Comment