21
Tổng hợp các trang làm SlideShow và Gallery
Posted by admin | Posted in Javascript | Posted on 21-03-2008
Gallery là 1 cách tốt nhất để chúng ta show các ảnh của mình. Dưới đây là danh sách các trang web sẽ dạy cho bạn cách làm:
Zenphoto là 1 sự lựa chọn tốt cho giải pháp gallery trực tuyến với rất nhiều tính năng.
FrogJS đơn giản, không phô trương. Nó không thay thế được những kiểu gallery như LightboxJS nhưng nó có 1 cách thể hiện hình ảnh hoàn toàn khác. Kiểu gallery này sử dụng tốt cho những gallery truyện tranh mà cần giở từng trang một.
Một mã JS tuyệt vời với hiệu ứng mờ dần mờ dần của hình ảnh.
Slideshow giống trang Flickr.com.
Sử dụng mootools v1.0, đoạn mã này cho phép chúng ta có 1 gallery ảnh, hay slideshow đơn giản và mượt mà (hiệu ứng mờ dần hình ảnh)
Kết hợp JS và CSS thay thế cho Flash để làm ảnh mờ dần đi.
Sliding Photograph Galleries
Đây là gallery đơn giản nhất. Nó là 1 tập hợp các ảnh ko có thứ tự nào cả mà được nén theo chiều thắng đứng. Khi bạn di chuột vào 1 cái ảnh thì nó sẽ tự động phóng to ra đúng kích thước thật. Nó ko cần những ảnh thumbnails.
Bạn có 1 tập hợp các ảnh ở bên tay trái màn hình và khi bạn đưa chuột vào chúng, bạn thấy đường viền màu trắng, nhưng khi bạn kích vào mỗi cái ảnh thì nền của trang sẽ bị tốiđi, và ảnh gốc sẽ được load ở phía phải màn hình. Để quay trở lại bạn kích vào ảnh đang hiển thị nó sẽ đóng lại. Đây là 1 trong nhiều đặc tính hay và đáng xem nhất của loại gallery này.
Khi bạn đưa chuột vào 1 bức ảnh bạn sẽ thấy phần giới thiệu của anh và khi bạn kích vào ảnh bạn sẽ đc chuyển tới ảnh gốc với phần giới thiệu ở trên cùng. Nó không quá phức tạp vì vậy nó trở nên tốt cho những người mới bắt đầu.
Image Gallery using jQuery, Interface & Reflections
Sử dụng JQuery trong điều khiển thời gian. Có 1 số hiệu ứng ảnh dịch chuyển và thumbnail.
Một đoạn mã tuyệt với để tạo 1 slideshow cho những ảnh của bạn với những lựa chọn phong phú như cho phép bạn email image cho bạn của bạn.
Nó có thể thay đổi kích thước, dịch chuyển, làm mở ảnh, nhưng ko phải dùng Flash mà sử dụng Ajax.
Là một đoạn mã đơn giản sử dụng php/javascript, sử dụng Ajax.
Kết hợp Hoverbox và Lightbox.
Sử dụng đọan mã PHP đơn giản để tự sinh ra các file JS/CSS/DHTML.
iPhoto-like image resizing using Javascript
Một ứng dụng PHP đơn giản cho phép bạn hiển thị ảnh thumbnails và xem chúng trên trình duyệt. Nó thật sử nhỏ và tuyệt vời.
Ảnh to được hiển thị ở trên, và dưới là các slide ảnh nhỏ.
Rất hay! Cảm ơn bạn nhé.