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

Cách thay đổi thư mục tải về trên Samsung Internet cực kỳ đơn giản

Một số người dùng gặp khó khăn về tìm nơi lưu tài liệu, hình ảnh,... mà mình đã tải xuống trên Samsung Internet. Đây là cách thay đổi thư mục tải về trên Samsung Internet...

5 bước đơn giản để bạn ẩn ngày sinh của mình trên Facebook

Thông báo ngày sinh trên Facebook là một tính năng khá hay. Tuy nhiên, điều này đồng nghĩa với việc bạn đang tiết lộ thông tin cá nhân của mình với ngưới khác. Hãy cùng chúng tôi tìm hiểu cách ẩn ngày sinh nhật trên

Cách giảm kích cỡ hình ảnh với chất lượng giữ nguyên

Hiện nay, hầu hết điện thoại thông minh cao cấp hoặc máy ảnh trên thị trường đều cho khả năng chụp ảnh với sản phẩm vô cùng sắc nét. Tuy nhiên, điều này cũng đồng nghĩa với việc chúng ngốn khá nhiều không gian lưu trữ

Tips ngon giúp tăng hiệu suất chơi game trên thiết bị Android

Bạn hay chơi game trên điện thoại Android thường xuyên? Dưới đây là một số mẹo đơn giản giúp bạn tối ưu hóa và làm cho thiết bị tương thích tốt hơn với các trò chơi. Hãy cùng Trangcongnghe.vn đi khám phá ngay nhé!

ĐÁNH GIÁ NHANH

Trên tay Huawei MediaPad M3 2017: 7 triệu, chưa xuất sắc nhưng đủ dùng và đáng tiền

MediaPad M3 2017 được đóng hộp đơn giản, bao da tặng kèm được đóng gói riêng. Hộp của M3 bao gồm củ sạc 5V-2A, que chọc sim, sách HDSD, cáp microUSB và không có tai nghe đi kèm. Tuy nhiên, theo thông tin, nếu đặt hàng

Review camera HTC U11: xứng đáng là chiếc smartphone có camera tốt nhất hiện nay

HTC U11 là chiếc điện thoại có độ hoàn thiện khá tốt với thiết kế bóng bẩy, sang trọng và bắt mắt với những tính năng thường thấy trên các dòng flagship hiện nay của các hãng như khả năng chống nước IP67, 6GB RAM và bộ

Đánh giá camera Samsung Galaxy J7 Prime: Lấy nét nhanh, khả năng xử lý khá, chi tiết ảnh tốt

Galaxy J7 Prime là chiếc điện thoại tầm trung mới nhất của Samsung với bộ đôi camera trước/sau có độ phân giải cao cùng khẩu độ lớn.