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 tắt Skype tự động khởi động khi mở Macbook

Người dùng sử dụng Skype trên Macbook và Windows đều thường để Skype tự động khởi động khi mở máy. Đây là cách giúp truy cập Skype nhanh chóng, nhận các tin nhắn, cuộc gọi và tài liệu Skype ngay. Tuy nhiên nếu thấy

[BẬT MÍ] 5 cách Active Win 10 bằng key vĩnh viễn 100%

Windows 10 được phát hành chính thức vào cuối tháng 7 năm 2015 và từ đó trở thành một trong những hệ điều hành được tải xuống nhiều nhất của Microsoft. Thông thường, sau khi tải Windows 10 về, người dùng phải active

Cách quay video màn hình, webcam bằng tiện ích ViewedIt

ViewedIt là tiện ích cài đặt trên Chrome có tính năng quay video màn hình, webcam trong vòng 1 giờ đồng hồ, thu âm, chia sẻ video lên mạng xã hội hoặc gửi email.

Cách cài đặt miễn phí ứng dụng Android có phí trên CH Play

Hiện nay trên Android có rất nhiều ứng hay hay nhưng lại tính phí. Theo dõi bài viết sau để cài đặt ứng dụng trên CH Play miễn phí

Cách chia sẻ một thư mục (folder) qua mạng LAN trên Windows 10

Trên các phiên bản Windows trước, việc chia sẻ thư mục (folder) khá khó khăn. Tuy nhiên trên Windows 10, quá trình này đã đơn giản hơn rất nhiều. Một số tùy chọn chia sẻ trên Windiows 10 cung cấp tính năng toàn quyền

ĐÁNH GIÁ NHANH

Điều gì khiến Asus Zenfone 4 Max 2018 trở thành tâm điểm những ngày qua

Có giá bán ra chỉ 2,49 triệu đồng, máy vẫn mang đến trải nghiệm, hiệu năng và những tiện ích không thể bỏ qua. Hãy cùng nhìn xem điều gì đã biến một sản phẩm “nhỏ nhưng có võ” trở thành tâm điểm trong những ngày qua.

Đánh giá sơ bộ BMW 330e Plug-in Hybrid

Với một gói trang bị rất phổ biến và động cơ plug-in hybrid, bạn có thể sở hữu một chiếc xe mà bạn hoàn toàn có thể yên tâm với các luật sư về môi trường. Nhưng liệu một bộ pin khổng lồ như vậy sẽ...

Trên tay Vivo S10e: Màn AMOLED, MediaTek Dimensity 900, pin 4000 mAh, giá từ 8,5 triệu

Sau một thời gian dài hé lộ, cuối cùng Vivo S10e cũng chính thức được công bố ra thị trường. Với thiết kế năng động, trẻ trung cùng camera chất lượng, Vivo S10e sẽ là sự lựa chọn lý tưởng cho người dùng trẻ tuổi. Trong