Thêm hiệu ứng show ảnh từ jQuery vào tiện ích "Gallery Recent Posts"

Thứ Bảy, 27 tháng 6, 2009

[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.

Xem nhiều trong tuần

Giới thiệu về tôi

Tạp chí thời trang và làm đẹp

Lưu trữ Blog

Thêm hiệu ứng show ảnh từ jQuery vào tiện ích "Gallery Recent Posts"

Comments[ 0 ]

Đăng nhận xét