bgware

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

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

Cre-ate image gallery in 4 lines of jQuery

Cre-ate 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ả: Phùng Thanh Hằng
Nguồn tin: CÔNG TY TNHH NGÔI SAO SỐ
Tổng số điểm của bài viết là: 0 trong 0 đánh giá
Click để đánh giá bài viết

Mới đăng

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

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

Gallery và album ảnh jQuery rất phổ biến trong các thiết kế web hiện đại và chúng rất hữu ích trong việc mang đến một cách truyền tải thông điệp hình ảnh tuyệt đẹp.

30+ Photoshop Gradient miễn phí cho nền website hoàn hảo

30+ Photoshop Gradient miễn phí cho nền website hoàn hảo

Đối với các chuyên gia thiết kế web và thiết kế đồ họa, gradient mang đến những lựa chọn không giới hạn cho việc làm đẹp thiết kế của họ.

60 Mockup Business Card file PSD miễn phí tải về

60 Mockup Business Card file PSD miễn phí tải về

Một thiết kế bộ nhận diện thương hiệu độc đáo và ấn tượng sẽ đóng góp tích cực cho sự thành công trong mọi hoạt động kinh doanh và giao lưu của bạn. Mỗi tấm business card trong bộ nhận diện thương hiệu là một tác phẩm nghệ thuật thực sự.

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây