Miễn phí tải 50 jQuery Photo Gallery/Album cùng Tutorial (P.2)

Thứ sáu - 27/03/2015 11:43

Chúng ta sẽ tiếp tục đến với phần 2 trong bộ sưu tập các gallery/album ảnh miễn phí cho thiết kế website.

Chúng ta sẽ tiếp tục đến với phần 2 trong bộ sưu tập các gallery/album ảnh miễn phí cho  thiết kế website.

Brickwall - Responsive & Compact jQuery Image Wall

Brickwall  là một jQuery gallery plugin cho phép bạn chia một bức ảnh thành các ô nhỏ giống như những viên gạch trên một bức tường. 

Brickwall-Responsive-Compact-jQuery-Image-Wall-Plugin

JQuery Image Gallery with Captions and Auto Play

Một jquery gallery  thú vị dành cho thiết kế web bởi tính trong suốt và cố định trên màn hình, nó có thể auto play và có nút bật/tắt cho bạn điều chỉnh. 

jquery-image-gallery-with-auto-playpause-rotation

Image Picker

Image Picker là plugin khá đơn giản khi sử dụng nhưng rất hiệu quả nhờ tính năng của nó.  

Image Picker

SCATTERED POLAROIDS GALLERY

Phong cách thiết kế phẳng của Polaroid gallery, trong đó vật thể được chọn sẽ di chuyển dần vào trung tâm trong như những vật thể khác sẽ tạo không gian cho việc di chuyển của slide. 

scattered polaroids gallery

FULLSCREEN GALLERY WITH THUMBNAIL FLIP

Plugin này giúp bạn tạo ra một fullscreen gallery với jQuery trên thiết kế web  của mình.

fullscreen-gallery-with-thumbnail-flip

GAMMA GALLERY: RESPONSIVE IMAGE GALLERY

Gamma Gallery là một ví dụ về mẫu responsive gallery với bố cục dạng grid. 

gamma-gallery-a-responsive-image-gallery

Google+ Albums Like Photo Gallery Plugin

CollagePlus cũng là một responsive jQuery plugin cho phép bạn tạo một album Google+ với hiệu ứng đẹp mắt. 

Google-Plus-Albums-Like-Photo-Gallery-Plugin-For-jQuery

jQuery Photowall - Google-Style Photo Wall Gallery

Photowall vừa đơn giản vừa gọn gàng, mang đến cho thiet ke web của bạn những bức ảnh theo phong cách  Google. Khi bạn click vào ảnh minh họa trên gallery, một bức ảnh cỡ lớn của nó sẽ hiện ra.  

jQuery-photowall-Google-Style-Photo-Wall-Gallery-Plugin

A Cool Instagram “Gravity” Gallery

instagram-gravity-gallery

Những bức ảnh trên Instagram của bạn sẽ được chọn để hiển thị trên gallery này với dưới dạng grid. Tutorial này rất dễ áp dụng. 

Fresh Sliding Thumbnails Gallery with jQuery and PHP

sliding-thumbnails-gallery-with-jquery-php

Với tutorial này, chúng ta sẽ tạo ra gallery ảnh toàn trang với khu vực  thumbnail đẹp mắt, nó sẽ tự cuộn trang khi bạn di chuyển con chuột. Khi bạn click chuột vào một bức ảnh, nó sẽ tự động zoom để bạn nhìn ngắm dễ hơn.  

Thumbnail Grid With Expanding Preview

thumbnail-grid-with-expanding-preview

Điều thú vị nhất ở đây là việc tính toán chính xác chiều cao preview và cuộn trang trở về đúng vị trí. Chúng ta sẽ mở rộng phần preview ra và nhìn thấy một hàng thumbnail.

Photo Booth Strips With Lightbox

photo-booth-strips-with-lightbox

Trong tutorial này, chúng tôi giới thiệu cách tạo ra những hiệu ứng đáng yêu cho một bức ảnh và tích hợp Lightbox 2, một trong những lightbox script được dùng nhiều nhất. 

Free jQuery Photo Gallery ( Tutorial )

jquery-photo-gallery

Đối với  tutorial này, chúng ta có 2 thư viện jQuery: Quicksand và PrettyPhoto. Bạn có thể thấy kết cả bằng cách nhấn vào nút preview. 

Polaroid Photobar Gallery with jQuery

Polaroid Photobar Gallery with jQuery

Animated Portfolio Gallery with jQuery

Animated Portfolio Gallery with jQuery

Exposure - a beginner's guide to photography

Exposure - a beginner's guide to photography

JQUERY MB.GALLERY - present your photo gallery

JQUERY MB.GALLERY - present your photo gallery

Cloud Carousel: 3D jQuery Carousel

Cloud Carousel: 3D jQuery Carousel

Thumbnails Navigation Gallery with jQuery

Thumbnails Navigation Gallery with jQuery

Thumbnails Preview Slider with jQuery

Thumbnails Preview Slider with jQuery

YoxView - jQuery image viewer plugin

YoxView - jQuery image viewer plugin

jqGalViewII - Photo Gallery

jqGalViewII - Photo Gallery

Minimalistic Slideshow Gallery with jQuery

Minimalistic Slideshow Gallery with jQuery

Full Page Image Gallery with jQuery

Full Page Image Gallery with jQuery

Create image gallery in 4 lines of jQuery

Create image gallery in 4 lines of jQuery

Sliding Panel Photo Wall Gallery with jQuery

Sliding Panel Photo Wall Gallery with jQuery

Slider Gallery with jQuery

Slider Gallery with jQuery

Sweet Thumbnails Preview Gallery

Sweet Thumbnails Preview Gallery

ShineTime – A Kick-Ass New jQuery & CSS3 Gallery With Animated

ShineTime – A Kick-Ass New jQuery & CSS3 Gallery With Animated

jqFancyTransitions

jqFancyTransitions

Beautiful Photo Stack Gallery with jQuery and CSS3

Beautiful Photo Stack Gallery with jQuery and CSS3

Hover Slide Effect with jQuery

Hover Slide Effect with jQuery

Galleriffic - Customize your photo album with skins

Galleriffic - Customize your photo album with skins

Bubbleriffic Image Gallery with jQuery

Bubbleriffic Image Gallery with jQuery

Flickr Photobar Gallery

Flickr Photobar Gallery

Greyscale Hover Effect CSS & jQuery

Greyscale Hover Effect CSS & jQuery

Parallax Slider with jQuery

Parallax Slider with jQuery

Trip Tracker

Trip Tracker

Trên đây là bộ sưu tập những plugin cùng tutorial hữu ích để tạo ra các gallery/album ảnh tuyệt đẹp trên website của bạn. Mong rằng một hoặc nhiều trong số những mẫu ở đây sẽ phát huy tác dụng trên sản phẩm website do bạn thiết kế.

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions