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.

BẠN SẼ QUAN TÂM

Hotgirl “xăm trổ” cởi đồ bên xế độ Subaru BRZ

Xe cộ 3-09-2018, 20:55

Được phát triển để mang lại cảm giác thể thao cuồng nhiệt cho những tín đồ đam mê tốc độ, Subaru BRZ có vẻ ngoài mạnh.

Bên trong nhà máy chế tạo siêu tăng Leopard 2 của NATO

Xe cộ / Tin Ô tô 24-08-2018, 18:20

Bên trong nhà máy Heeresinstandsetzungslogistik GmbH (HIL), chủ yếu là các xe tăng Leopard 2 được nâng cấp lên các.

PUBG: Đây là cách điều khiển nhân vật qua tay cầm Xbox One

Thế giới Games / Game Online 11-12-2017, 11:35

Sau gần chín tháng kéo dài giai đoạn Early Access trên nền tảng PC, phiên bản Xbox One của PlayerUnknown's.

Đột Kích: EvaTeams đặt quyết tâm thâu tóm mọi danh hiệu vô địch trong năm 2018

Thế giới Games / Game Online 9-12-2017, 08:04

  Ngôi Á quân CFS 2017 Grand Finals đang khiến các thành viên của Eva tự tin hơn khi đặt chân về nước..

Thiết bị bí ẩn mang tên Xperia PP10 xuất hiện với thiết kế sang trọng

Công nghệ / Thiết bị số 21-02-2016, 15:00

Mới đây, Evleaks đã đăng tải hình ảnh của một thiết bị Xperia lạ mang tên PP10.  Thiết bị này có kiểu dáng tổng thể khá.

Jquery j360 - Hiển thị sản phẩm 360 độ

Thủ thuật 31-03-2015, 23:16

Plugin j360 phù hợp giới thiệu sản phẩm cho các Website thương mại điện tử. Bạn có thể hiển thị sản phẩm 3D quay 360.

Điện thoại Regal R1 thiết kế sang trọng với giá trên trời

Công nghệ / Điện thoại 3-11-2014, 09:40

Hãng điện thoại hạng sang của Nga, Gresso, giới thiệu sản phẩm mới mang tên Regal R1 với thiết kế cao cấp có màn hình 5.

Fullscreen Video Slideshow with BigVideo.js

Thủ thuật / Mã nguồn 19-09-2012, 17:03

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.

ĐỪNG BỎ LỠ