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 cách đăng nhập Zalo trên PC thật chi tiết

Tất cả tin nhắn, danh bạ được đồng bộ giữa máy tính và điện thoại, giúp bạn không bỏ lỡ bất kỳ cuộc trò chuyện nào. Tuy nhiên, nhiều người lại quen sử dụng Zalo trên điện thoại, khi chuyển sang máy tính hơi bỡ ngỡ.

Tìm hiểu công nghệ Overstroke trên laptop ASUS

Khi nói về bàn phím không thể không nhắc tới ASUS Overstroke - công nghệ sẽ thay đổi cách nhìn của người dùng về laptop gaming cho khả năng điều khiển nhanh và chính xác.

Có thể bạn chưa biết? Hướng dẫn hẹn thời gian gửi tin nhắn trên iPhone

Bí kiếp tán gái. Đừng trở thành người độc thân vì quên chúc ngủ ngon bạn gái, hãy thử ngay tính năng này của iMessage Tính năng iMessage trên iPhone khi bạn không cần phải canh giờ gửi tin nhắn để chúc mừng sinh nhật,

Đánh giá 10 Hosting tốt nhất năm đầu năm 2015

Dựa vào bảng xếp hạng 'Top những hosting tốt nhất cuối năm 2014 và đầu năm 2015' của website đánh giá nổi tiếng toptenreviews.com. Sau đây TCN sẽ điểm danh từng nhà cung cấp Hosting có số điểm cao nhất trong bảng xếp

6 cách sửa lỗi iPhone không bật được Bluetooth

Không ít người dùng iOS đang gặp phải lỗi iPhone không bật được Bluetooth. Điều này gây ảnh hưởng không nhỏ đến quá trình sử dụng. Tuy nhiên, bạn hoàn toàn có thể khắc phục được nó nếu làm theo hướng dẫn sau đây. Không

ĐÁNH GIÁ NHANH

Đánh giá Nokia 2.4: Sử dụng ngôn ngữ thiết kế mới, pin trâu dùng cả ngày, giá chỉ hơn 2 triệu đồng

Sự xuất hiện của Nokia 2.4 mới đây sẽ cho người dùng phổ thông thêm một sự lựa chọn trong giỏ hàng tham khảo. Máy sở hữu ngôn ngữ thiết kế nổi bật, ấn tượng trong mức giá hơn 2 triệu đồng. Vậy hãy cùng trải nghiệm và

So sánh AirPods 3 và AirPods Pro: Đâu là sản phẩm đáng mua hơn cả?

AirPods 3 và AirPods Pro đều là những mẫu tai nghe cao cấp được trang bị nhiều tính năng thông minh, hấp dẫn của Apple. Vậy khi đặt lên bàn cân so sánh AirPods 3 và AirPods Pro thì đâu là sản phẩm đáng mua hơn cả? Hãy

Đánh giá Smartwatch DT No.1 G8: Phong cách trẻ trung, hiện đại

DT No.1 G8 với phong cách trẻ trung, hiện đại. Chiếc smartwatch này được tích hợp nano sim, hỗ trợ việc nghe gọi cũng như nhắn tin.