twitter@js_bankfacebook@jsbankrss@jsbank






65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí 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 jsB@nk.com:

- 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, jsB@nk.com 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 jsB@nk.com: 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.


Tạo video bằng AI chỉ với giọng nói hoặc văn bản



Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung.
Ứng dụng video AI KHÔNG GIỚI HẠN miễn phí trong tay bạn

CSS Image Gallery

Dynamicdrive Css Imagegallery
":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

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

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

Photo scroll gallery

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

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

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

easyAlbum

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


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web