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

3 cách kiểm tra tình trạng ổ cứng Windows dễ làm

Ổ cứng là thành phần quan trọng nhất của máy tính. Chẩn đoán bệnh tình cũng như sức khỏe của ổ cứng sẽ giúp người dùng hạn chế tình trạng hư hỏng, mất dữ liệu sớm nhất có thể.

15 câu nói của nhà văn Paulo Coelho sẽ thay đổi đời bạn

Những lời khuyên cuộc sống dưới đây của nhà văn Paulo Coelho sẽ thay đổi góc nhìn và thái độ sống của bạn. Không mất nhiều thời gian để đọc hết những câu trích dẫn này nhưng đừng đọc lướt mà hãy dừng lại ở mỗi câu và

Mẹo sử dụng ổ USB không phải ai cũng biết

Hầu hết người dùng sử dụng ổ USB để sao chép, sao lưu và di chuyển dữ liệu. Nhưng bạn có thể làm được nhiều việc hơn thế với ổ USB.

Hướng dẫn chạy ứng dụng iOS trên thiết bị Android

Có rất nhiều ứng dụng dành cho các thiết bị di động chạy Android, iOS và Windows. Tuy nhiên, không phải ứng dụng nào cũng được hỗ trợ trên mọi hệ điều hành. Trong bài viết này, Quản Trị Mạng sẽ giới thiệu tới các bạn

Hướng dẫn ứng dụng với tính năng Hidden Space trên hệ điều hành OxygenOS

OxygenOS là một trong những hệ điều hành được tùy biến tốt nhất trên nền Android ở thời điểm hiện tại cho smartphone. Không những có giao diện đơn giản, đẹp mắt, hỗ trợ điều hướng bằng cử chỉ hay giúp smartphone hoạt

ĐÁNH GIÁ NHANH

Đánh giá OnePlus Nord N10 5G: 5G vẫn là điểm đáng giá nhất trên chiếc máy 8 triệu đồng

Ngoài 5G, OnePlus Nord N10 không có nhiều yếu tố đủ mạnh mẽ để cạnh tranh với các đối thủ trong tầm giá. Đây không phải là sản phẩm có pin lớn và màn hình đẹp như Galaxy M51, không có cấu hình phá giá như máy Xiaomi,

Đánh giá camera Zenfone 3 Max 5,5 inch: Nhiều tính năng,...

Thế giới di động - Tuy không được Asus nhấn mạnh vào camera mà nhấn mạnh vào pin, nhưng Zenfone 3 Max phiên bản 5,5 inch lại có một camera rất khá so với các sản...