Photo Gallery sử dụng jQuery, PHP & CSS3

Đăng bởi Neo trong mục Miễn phí vào 29 tháng 6, 2010 | Comments

Codrops, một website về thiết kế và phát triển web (khá nhiều về jQuery), chia sẻ mã nguồn photo stack gallery rất đẹp. Không những thế, bạn còn được hướng dẫn cách để phát triển một trang photo gallery như vậy.

Photo Stack Gallery có thể hiển thị nhiều album và có nút next-prev giúp bạn dễ dàng xem album.

Khi click chuột vào album bạn sẽ thấy ảnh trong ablum xếp chồng lên nhau (stack). Hiệu ứng này là nhờ thuộc tính roate của CSS3.

Bạn không cần cơ sở dữ liệu khi sử dụng Photo Stack Gallery. Mã PHP sẽ tự động kiểm tra thư mục "albums" và chia ra các album khác nhau.

Hiệu ứng phản chiếu chỉ hoạt động chết các trình duyệt sử dụng webkit.

Bạn có thích bài viết này?

Neo's picture

Neo

Nhìn mặt trời từ năm 1984 nhưng tới tận 2002 mới được thấy cái máy tính đầu tiên của mình. Đầu năm 2007 thì quyết định theo cái nghề cao quý là thiết kế web Big Grin. Hiện mình đang sống tại Hà Nội. Sở thích: làm website và giúp đỡ mọi người phát triển website theo chiều hướng tốt đẹp hơn.

Trang chủ - Twitter