Responsive Image Gallery with Thumb

Responsive Image Gallery with Thumbnail Carousel
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter's "user gallery" and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We'll also add the possibility to navigate with the keyboard.

Kết quả (Việt) 1:

Đáp ứng các thư viện hình ảnh với hình thu nhỏ CarouselMột hướng dẫn về làm thế nào để tạo một thư viện hình ảnh đáp ứng với một carousel thu nhỏ bằng cách sử dụng Elastislide. Cảm hứng của Twitter của "người sử dụng thư viện" và sau khi một yêu cầu để hiển thị này có diện tích Elastislide, chúng tôi muốn thực hiện một thư viện đáp ứng điều chỉnh theo chiều rộng xem-port. Bộ sưu tập sẽ có một chuyển đổi view cho phép xem nó với carousel thu nhỏ hoặc không có. Chúng tôi cũng sẽ thêm khả năng để điều hướng với bàn phím.

Kết quả (Việt) 2:

Gallery hình ảnh đáp ứng với ảnh nhỏ Carousel
Một hướng dẫn về làm thế nào để tạo ra một thư viện hình ảnh đáp ứng với một băng chuyền thu nhỏ bằng Elastislide. Lấy cảm hứng từ "bộ sưu tập người dùng" của Twitter và khi một yêu cầu để hiển thị một hội nhập của Elastislide, chúng tôi muốn thực hiện một bộ sưu tập đáp ứng mà thích nghi với chiều rộng chế độ xem. Các bộ sưu tập sẽ có một chuyển đổi quan điểm đó cho phép để xem nó với băng chuyền thu nhỏ hoặc không có. Chúng tôi cũng sẽ thêm khả năng điều hướng với bàn phím.