Photo Booth Strips with Lightbox

Trong ngày hôm nay, chúng tôi sẽ cho bạn thấy làm thế nào để tạo ra một số dải hình ảnh dễ thương và tích hợp Lightbox 2, một trong những kịch bản lightbox phổ biến nhất và được sử dụng rộng rãi. Ý tưởng là để hiển thị một số dải hình ảnh và làm cho họ điều hướng bằng cách di chuyển với mousewheel. Khi nhấp vào một hình ảnh, chúng tôi sẽ hiển thị các phiên bản lớn hơn sử dụng jQuery Lightbox 2. Chúng tôi cũng sẽ tối ưu hóa cho các thiết bị cảm ứng.

Mã chỉnh sửa :


<div class='pb-wrapper pb-wrapper-1'> <div class='pb-scroll'> <ul class='pb-strip'> <li> <a href='images/large/1.jpg' rel='lightbox[album1]' title='Spring'> <img src='images/small/1.jpg' /> </a> </li> <li> <a href='images/large/2.jpg' rel='lightbox[album1]' title='Sunshine'> <img src='images/small/2.jpg' /> </a> </li> <li> <!--...--> </li> <!--...--> </ul> </div> <h3 class='pb-title'>Pure Serenity</h3> </div>



Mỗi wrapper dải ảnh cũng sẽ có một vị trí như lớp pb-wrapper-1, pb-wrapper-2, vv ... Sau đó sẽ xác định vị trí tùy chỉnh, chiều cao và quay cho mỗi hình ảnh.

Từ khoá : Photo, Booth, Strips, with, Lightbox

TIN LIÊN QUAN

Fullscreen Video Slideshow with BigVideo.js

Chúng tôi sẽ hưỡng dẫn làm thế nào để tạo slideshow nền bằng video động hoặc một slider bằng Bigvideo.js một Plugin JQuery khá đẹp

BookBlock: A Content Flip Plugin

Một plugin jQuery mà sẽ tạo ra một thành phần giống như cuốn sách nhỏ cho phép bạn điều hướng thông qua các mục của nó bằng cách đảo các trang với hiệu ứng (BookBlock: A Content Flip Plugin )

Creative Web Typography Styles

Với một chút CSS ma thuật, chúng ta có thể chuyển đổi văn bản vào kiểu chữ rất đẹp và bỏ qua việc sử dụng các hình ảnh trong nhiều trường hợp

Old School Cassette Player with HTML5 Audio

Vintage định dạng đáp ứng công nghệ web hiện đại: máy nghe nhạc âm thanh HTML5 với các điều khiển thực tế. Hôm nay chúng tôi muốn chia sẻ một máy nghe nhạc âm thanh với giao diện trông giống như một băng nhạc trường học cũ.

THỦ THUẬT HAY

Hướng dẫn xem TV trực tuyến trên VTV Play chỉ với 8 bước đơn giản

VTV Play là một ứng dụng xem TV trực tuyến của Đài Truyền hình Việt Nam (VTV), cho phép người dùng xem trực tiếp các chương trình truyền hình, phim, show truyền hình, thể thao và nhiều nội dung khác trên điện thoại di

Hướng dẫn cách tra cứu số tài khoản thu BHXH bằng Zalo cực nhanh chóng

Bạn có thể đóng Bảo hiểm xã hội thông qua tài khoản ngân hàng. Và trong bài viết này mình sẽ hướng dẫn các bạn cách tra cứu số tài khoản thu BHXH bằng Zalo...

Hướng dẫn cách khắc phục hiện tượng iPhone không bắt được wifi

Chế độ chế độ máy bay hay còn gọi là Airplane - dùng để ngắt toàn bộ kết nối đến và đi từ iPhone trên các chuyến bay, nhằm tránh việc làm nhiễu radar cũng như quá trình liên lạc của hãng hàng không trên máy bay nhưng

Pin iPhone 6s dùng được bao lâu?

Nếu bạn đang băn khoăn về thời lượng pin của chiếc iPhone 6s liệu có đáp ứng nhu cầu sử dụng của bạn hay không. Hôm nay, chúng tôi sẽ phần nào giải đáp.

Một số nguyên nhân khiến máy tính Windows của bạn ngày càng ì ạch

Sau một thời gian sử dụng, chắc chắn máy tính của bạn sẽ dần chạy chậm hơn. Ví dụ như, khi bạn cố mở một trang web sẽ thấy xuất hiện lỗi 'not responding ' hoặc khi bạn cần đọc một email thì nó lại hiển thị rất chậm.

ĐÁNH GIÁ NHANH

Đánh giá QNAP TAS-268 – Hỗ trợ đa phương tiện, mở rộng đến 20TB

QNAP TAS-268 không chỉ hướng đến môi trường SOHO (small office home office) cần kiểm soát, tập trung hóa dữ liệu mà còn phù hợp cả với nhu cầu sử dụng khác nhau trong gia đình....

Đánh giá nhanh Samsung DeX Pad: Có sáng tạo, có thay đổi nhưng vẫn chưa đủ

Cùng với Galaxy S9/ S9+ Samsung cũng giới thiệu chiếc DeX thế hệ mới để kết nối điện thoại với màn hình lớn phục vụ công việc, lần này Samsung đã thay đổi hoàn toàn thiết kế của DeX cũ.

Đánh giá Mazda CX-5 2019: Thiết kế đẹp, nhiều công nghệ và trải nghiệm lái thể thao

Nếu bạn đang tìm kiếm một chiếc crossover cỡ nhỏ, Mazda CX-5 2019 là lựa chọn không tồi nhờ thiết kế đẹp, nhiều công nghệ và trải nghiệm lái thể thao.