Thêm hiệu ứng show ảnh từ jQuery vào tiện ích "Gallery Recent Posts"
[FD's BlOg] - Bài viết này là sự kết hợp của 2 thủ thuật trước mà mình đã đăng. Đó là việc kết hợp hiệu ứng show ảnh vào tiện ích Recent Posts (dạng Gallery). Do đây là sự kết hợp của 2 thủ thuật trước, nên mình sẽ không giới thiệu lại các thủ thuật đó, mình sẽ chỉ hướng dẫn các bạn chỉnh sửa đôi chút code.Xem demo ở đây : http://data.fandung.com/js/recentposts-gallery/j-index.html
Hình ảnh minh họa:
Để thực hiện được thủ thuật này, blog của bạn phải được thêm 2 thủ thuật bên dưới:
1. Hiệu ứng show ảnh từ jQuery (xem hướng dẫn ở đây ) , chỉ cần chèn đoạn code chính (code JS + code CSS)
2. Tạo widget recent posts (Hiển thị dạng Gallery) cho các Nhãn (xem hướng dẫn ở đây)
Sau khi đã thêm 2 thủ thuật ở trên, các bạn vào thủ thuật 2 để chỉnh sửa lại.
a. Vào code chính của thủ thuật 2, bạn sẽ thấy link javascript như bên dưới:
http://data.fandung.com/js/recentposts-gallery/art-label.js
b. Hãy thay đổi link file JS đó lại thành link bên dưới :
http://data.fandung.com/js/recentposts-gallery/j-art-label.js
Như thế là đã hoàn thành.
Chúc các bạn thành công.
Comments[ 0 ]
Đăng nhận xét