Sử dụng flexslider gallery trong WordPress với Woothemes

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Sử dụng flexslider gallery trong WordPress với Woothemes

Đầu tiên bạn cần tải thư viện flexslider được tạo bởi woothemes:

Chèn đoạn code dưới đây trong thẻ head.

   

Thêm cấu trúc HTML cho slider.

   
 
 
 
 

Cuối cùng tái tạo slider với mã JS này.

   

Sửa lỗi slider

:
Flexslider ảnh load chậm :
Sau khi dành thời gian kiếm tìm trên internet mình có tìm ra một phương pháp để giải quyết vấn đề này. Trong file css thêm đoạn vào dòng sau:

 .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} /*or*/ .flexslider .slides > li a img{visibility:visible !important; opacity:1 !important;filter:alpha(opacity=100) !important;}  

Điều đó sẽ khiến cho hình ảnh trước mắt xuất hiện và nó sẽ chờ các hình ảnh tiếp theo khác được tải sau cùng.

Để nhận được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng đều có thể thu được sự trợ giúp trên Twitter và Facebook

Bài viết Sử dụng flexslider gallery trong WordPress với Woothemes được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang