04/10/2018, 20:15

24 jQuery image galleries và slideshow plugins

Thông thường, khi thiết kế một website, bao giờ chúng ta cũng dành hẳn một phần cho slide show (tức hiển thị ảnh banner). Tùy theo mục đích mà các ảnh này lớn hay nhỏ, và có hiệu ứng khác nhau nhằm thu hút ngay từ cái nhìn đầu tiên đối với khách viếng thăm website hay blog của mình. Dưới đây là ...

Thông thường, khi thiết kế một website, bao giờ chúng ta cũng dành hẳn một phần cho slide show (tức hiển thị ảnh banner). Tùy theo mục đích mà các ảnh này lớn hay nhỏ, và có hiệu ứng khác nhau nhằm thu hút ngay từ cái nhìn đầu tiên đối với khách viếng thăm website hay blog của mình.

Dưới đây là 24 jQuery plugin mà mình tổng hợp được , xin chia sẻ cùng với các bạn, với những plugin này, các bạn có thể tạo những slide show hết sức ấn tượng và chuyên nghiệp cho trang web của mình.

TN3 Gallery

TN3 Gallery là một plugin rất chuyên nghiệp và tuyệt vời cho việc trình diễn ảnh, chạy tốt trên các trình duyệt , kể cả trên mobile và desktop.

25-jquery-image-galleries-and-slideshow-plugins-01

PikaChoose

Plugin này rất nhẹ, phù hợp cho việc tạo carousels và lightboxes.

25-jquery-image-galleries-and-slideshow-plugins-02

Slides

Đây là một plugin đơn giản cho việc tạo slideshow, bạn có thể chèn link, mô tả ngắn cho hình ảnh , và có thể nhúng nhiều slideshow cùng một lúc cho một trang.

25-jquery-image-galleries-and-slideshow-plugins-03

SlideDeck

SlideDeck là một plugin đầy sức mạnh được sử dụng cho cả việc tạo ảnh galleries và nội dung.

25-jquery-image-galleries-and-slideshow-plugins-04

Coin Slider

Plugin này chỉ sử dụng đúng một hiệu ứng transition. Thích hợp cả với trình duyệt IE6+, Firefox 2+, Safari 2+, Google Chrome 3+, và Opera 9+.

25-jquery-image-galleries-and-slideshow-plugins-05

jQuery.popeye 2.0

Đây là một dạng in-line slideshow plugin, tức là nó giống như một hình ảnh trong bài viết thông thường, và khi chúng ta rê chuột vào ảnh, thì sẽ xuất hiện những nút điều hướng giúp các bạn chuyển những ảnh liên quan khác.

25-jquery-image-galleries-and-slideshow-plugins-06

Galleriffic

Plugin này sử dụng kỹ thuật tải ảnh thông minh, cho phép ảnh chỉ được tải sau khi toàn trang đã được load (giống kỹ thuật lazy image).

25-jquery-image-galleries-and-slideshow-plugins-07

Galleria

Với plugin này , các bạn có thể tự tay xây dựng một theme cho riêng mình thông qua Galleria’s API.

25-jquery-image-galleries-and-slideshow-plugins-08

Nivo Slider

Hẳn là các bạn đã quá quen thuộc với plugin này, với hơn 16 hiệu ứng chuyển cảnh, và chỉ với khoảng 15kb, thì plugin này hiện đang được sử dụng rất nhiều cho việc tạo ảnh slide show.

25-jquery-image-galleries-and-slideshow-plugins-09

Smooth Div Scroll

Plugin này cho phép chúng ta tạo slide show với nội dung được chuyển từ trái sang phải, không có các nút bấm hoặc links, mà mỗi việc chuyển nội dung sẽ được thông qua việc scroll chuột.

25-jquery-image-galleries-and-slideshow-plugins-10

Sideways

Nếu bạn cần một  fullscreen  slide show thì plugin này rất phù hợp để dùng.

25-jquery-image-galleries-and-slideshow-plugins-11

Orbit

Orbit là một image slider đơn giản từ Zurb. Bạn có thể dụng hình ảnh thumbnail cho việc điều hướng.

25-jquery-image-galleries-and-slideshow-plugins-12

ShineTime

ShineTime là một gallery được kết hợp giữa CSS3 và jQuery, vì thế mà hiệu ứng mà nó mang lại rất đẹp.

25-jquery-image-galleries-and-slideshow-plugins-13

AD Gallery

25-jquery-image-galleries-and-slideshow-plugins-14

Supersized

Supersized là một fullscreen background slideshow, nó tự động thay đổi kích thước hình ảnh cho vừa với màn hình của trình duyệt tùy theo độ phân giải của mỗi máy.

25-jquery-image-galleries-and-slideshow-plugins-15

prettyPhoto

25-jquery-image-galleries-and-slideshow-plugins-16

ColorBox

Đây là một plugin dạng lightbox hỗ trợ hình ảnh, ajax, và iframes.

25-jquery-image-galleries-and-slideshow-plugins-17

YoxView

Plugin này ngoài việc trình diễn hình ảnh, còn bao gồm cả các video từ Youtube, Hulu và Vimeo, Flash….

25-jquery-image-galleries-and-slideshow-plugins-18

Micro Image Gallery

Plugin này được dùng để sử dụng cho không gian hẹp, có 3 loại kích thước : 102 pixels, 162 pixels, và 222 pixels.

25-jquery-image-galleries-and-slideshow-plugins-19

lightBox

25-jquery-image-galleries-and-slideshow-plugins-20

Morphing Gallery

25-jquery-image-galleries-and-slideshow-plugins-21

slideViewer

25-jquery-image-galleries-and-slideshow-plugins-22

Fancybox

25-jquery-image-galleries-and-slideshow-plugins-23

Spacegallery

25-jquery-image-galleries-and-slideshow-plugins-24

Mình mong là những plugin mà mình giới thiệu trong bài viết này sẽ giúp các bạn tìm được một plugin ưa thích và dùng cho riêng mình.

Chúc các bạn thành công !

Tags: gallery jQuery Plugins slideshow

Chuyên Mục: Javascript

Bài viết được đăng bởi webmaster

0