Loading post navigation ...
 
 

Pro page

4
Nhận xét

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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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


Enter your mail address:

4

Pika Rock

a D sáng tạo thật, thủ thuật này show ảnh rõ đẹp, có lẽ kết hợp với cái description nữa là ngon

fandung

Nếu là trình diễn ảnh thì dùng cái gallery này tối nhất, nhưng nếu thêm cái description vào thì mình sợ nó không đẹp cho lắm, với lại cái này dùng cho các nhãn có ảnh nhiều (chủ yếu là ảnh) nên có lẽ phần description sẽ không có bao nhiêu từ.

cowboyvn

Hay quá. Cách phóng to hình rất hợp cho gallery. Cảm ơn anh FD nhiều nha! Hihi!
Hôm qua em mò mẫm trên mạng lạc vào trang này có cách show hình cũng khá hay. Anh coi thử nghiên cứu để mở rộng thủ thuật cho mọi người với.
Địa chỉ trang web là http://bestwebgallery.com/. Trang này cũng nhìu web đẹp lắm. Anh FD vào coi thưởng lãm luôn

fandung

ờ, cũng đẹp thiệt. Mà hình như nó là 1 blog của worldpress thì phải



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home