Tích hợp fancybox hiệu ứng phóng to ảnh vào website wordpress

Code theme wordpress, Code website hay dùng, jquery, Thủ thuật web,
02/12/2019, 23/01/2020, 6:30 sáng

FancyBox là gì?

FancyBox là một công cụ để hiển thị hình ảnh, nội dung html và đa phương tiện trong một “hộp đèn” kiểu Mac nổi trên đầu trang web.
Nó được xây dựng bằng thư viện jQuery . Được cấp phép theo cả giấy phép MIT và GPL

Xin chào các bạn hôm nay tiện tích hợp hiệu ứng phóng to ảnh fancybox vào website của netweb.vn tiện hướng dẫn cho các bạn 1 bài chi tiết tích hợp hiệu ứng phóng to hình vào website của mình! đặc biệt là rất đẹp nhé mọi người!

Tích hợp hiệu ứng FancyBox với plugin Easy FancyBox wordpress

Download link: https://vi.wordpress.org/plugins/easy-fancybox/

Các bạn download link dưới cài vào rồi active plugin lên ạ!

Sau khi active plugin xong khi chèn hình trong wordpress nhớ chọn thêm media như hình dưới để cho FancyBox hoạt động

Căn chỉnh –> chính giữa

Liên kết tới –> Tập tin đa phương tiện

Kích cỡ–> Kích thước đầy đủ

Tích hợp hiệu ứng FancyBox trên code trực tiếp

nếu web code thuần hoặc framework thì xem dưới này!

Bản cũ các bạn download link này: http://fancybox.net/

Link download bản 3 mới nhất:

http://fancyapps.com/fancybox/3/

Download về xong các bạn giải nén ra được như hình dưới ạ!

jquery.fancybox.css

jquery.fancybox.js

Các bạn link hết tất cả các file trong thư mục web lên </header> của trang

 

Hoặc các bạn dùng cdn.

Khi code các bạn chỉ cần chèn thêm data-fancybox=”gallery” vào trong thẻ a như hình dưới là ok ạ!

Chúc các bạn thành công!

 

 

Tích hợp vào web ok

css

 

Các bài viết cùng chuyên mục