Trình diễn ảnh, trưng bày ảnh là những hiệu ứng không thể thiếu trong thế giới web, thế giới Internet từ thuở sơ khai. Bạn cũng có thể tìm thấy rất nhiều hiệu ứng JavaScript thuộc loại này trên [email protected]:

- JavaScript Trưng bày ảnh
- JavaScript Trưng bày ảnh 2
- JaS Gallery

Nhưng hôm nay trong bài viết này, [email protected] xin giới thiệu với các bạn danh sách 65 tiện ích, giải pháp trình diễn ảnh, trưng bày ảnh cực kì tuyệt vời mà miễn phí. Tất cả chúng đều dễ dàng cài đặt và sử dụng, chỉ hoàn toàn hoàn JavaScript, không dùng Flash nhưng vẫn tuyệt vời. Hy vọng bạn sẽ thích danh sách này.

Một số ứng dụng thật sự ấn tượng với [email protected]: Galleriffic, Slideviewer, Galleria, Spacegallery, Thickbox (jsB@nk đang sử dụng thư viện tiện ích jQuery này), Fancybox, MooFlow, Lightbox2, Minishowcase, CSS Image Gallery, Highslide JS.

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

CSS Image Gallery

":hover" pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown. Furthermore, it's possible to modify the behavior so the enlarged images are only shown onClick, though IE6 currently doesn't support this behavior well. The gallery works in IE6+, Firefox, Opera 8+.

CSS: Photo Showcase

This experiment uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users.

Hoverbox Image Gallery

Basically, it's a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.

Photo scroll gallery

A combination of several of my previous galleries to give a scrolling 'thumbnail' image, a medium size image on hover and a full size image on click. The thumbnail, medium size and full size images are all the same image just resized using CSS. The thumbnails are square to make the scrolling area simpler to work with. This does make these images a little distorted but not so much that they look wrong.

Sliding Photograph Galleries

It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are 'pre-loaded'.This method can be used either vertically, as shown, or horizontally.

xImgGallery - Javascript Image Gallery & Slideshow

This script implements a Javascript image gallery and slideshow - all in one file.

easyAlbum

A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more.

ImageGal

imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images. This simple script was inspired by a Jeremy Keith's article on aListApart.com.

Highslide JS

Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window.

• Mã nguồn
• In

• Lời bình (5)
• Viết

• Lượt gửi (2)
• Mới