Nổi bật :

Fullscreen Video Slideshow with BigVideo.js



Đầu tiên, chúng ta hãy đánh dấu cho trang:

Chúng tôi sẽ làm trên trung tâm của màn hình, chúng tôi có một div wrapper có chứa tất cả các màn hình khác nhau. Sau đó, có một nút chúng tôi sẽ sử dụng để di chuyển giữa các màn hình.


<header> <h1>Fullscreen Video Slideshow <span>with BigVideo.js</span></h1> <p>The videos in this demo are from <a href='http://beachfrontprod.blogspot.com' target='_blank'>Beachfront B-Roll</a>, a great place to download unique HD stock video footage and animated backgrounds for any production purpose (for free!).</p> <p><small>A demo for</small> <a href='http://dfcb.github.com/BigVideo.js/' target='_blank'>BigVideo.js</a> <small>by <a href='http://twitter.com/johnpolacek' target='_blank' rel='author'>@johnpolacek</a></small></p></header> <div class='wrapper'> <div class='screen' id='screen-1' data-video='vid/bird.mp4'> <img src='img/bird.jpg' class='big-image' /> <h1 class='video-title'>#1 Bird</h1> </div> <div class='screen' id='screen-2' data-video='vid/satellite.mp4'> <img src='img/satellite.jpg' class='big-image' /> <h1 class='video-title'>#2 Satellite</h1> </div> <div class='screen' id='screen-3' data-video='vid/camera.mp4'> <img src='img/camera.jpg' class='big-image' /> <h1 class='video-title'>#3 Camera</h1> </div> <div class='screen' id='screen-4' data-video='vid/spider.mp4'> <img src='img/spider.jpg' class='big-image' /> <h1 class='video-title'>#4 Spider</h1> </div> <div class='screen' id='screen-5' data-video='vid/dandelion.mp4'> <img src='img/dandelion.jpg' class='big-image' /> <h1 class='video-title'>#5 Dandelion</h1> </div></div> <nav id='next-btn'> <a href='#' class='next-icon'></a></nav>
  • Cập nhật ngày:
  • 19-09-2012, 17:03
Từ khoá : Fullscreen, Video, Slideshow, with, BigVideo

TIN LIÊN QUAN

Photo Booth Strips with Lightbox

Photo Booth Strips with Lightbox

Băng ảnh đứng đẹp mắt với Lightbox 2 di chuyển bằng cách lăn bi với phong cách lạ với 'Photo Booth Strips with Lightbox'

BookBlock: A Content Flip Plugin

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

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

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

Tải video YouTube về iPhone đơn giản và dễ dàng với Siri Shortcuts

Tải video YouTube về iPhone đơn giản và dễ dàng với Siri Shortcuts

Để tải video YouTube trên Android, hay tải video trên iPhone đã không còn quá phức tạp như trước, Siri Shortcuts sẽ giúp bạn làm điều đó thật dễ dàng.

90+ key win 10 bản quyền mới cập nhật 2023 [Active key win 10 vĩnh viễn]

90+ key win 10 bản quyền mới cập nhật 2023 [Active key win 10 vĩnh viễn]

Để sử dụng được key win 10 bản quyền, người dùng cần phải bỏ ra một khoản chi phí khá cao với giá bán chính thức là 199.99$. Điều này có thể là một khó khăn đối với những người còn đang trong thời gian học tập hoặc

Thiết lập liên hệ bạn bè Facebook để khôi phục mật khẩu khi cần

Thiết lập liên hệ bạn bè Facebook để khôi phục mật khẩu khi cần

Facebook cho bạn rất nhiều lựa chọn để có thể lấy lại tài khoản trong trường hợp quên mật khẩu hoặc mất tài khoản. Một trong số tính năng đó mới cập nhật gần đây có tên gọi thêm liên hệ bạn bè Facebook, thiết lập các

Những cách đơn giản để reset mật khẩu trên Windows 10

Những cách đơn giản để reset mật khẩu trên Windows 10

Quên mật khẩu admin máy tính có thể là một trải nghiệm vô cùng khó chịu, đặc biệt khi bạn đang cần truy cập vào máy tính ngay lập tức. Bài viết sau đây sẽ giới thiệu cho bạn 3 cách đơn giản để reset mật khẩu Windows

So sánh điều hòa Daikin và Panasonic, nên mua điều hòa nào?

So sánh điều hòa Daikin và Panasonic, nên mua điều hòa nào?

Điều hòa chính là một giải pháp hàng đầu giúp bạn có thể khắc phục được tình nặng nắng nóng, oi bức trong căn phòng của bạn, tuy nhiên, thương hiệu điều hòa nào tốt là một vấn đề khiến nhiều người dùng cảm thấy phân

ĐÁNH GIÁ NHANH

[Camera trải nghiệm] Chợ Sài Gòn qua ống kính Zeiss và camera kép của Nokia 8

[Camera trải nghiệm] Chợ Sài Gòn qua ống kính Zeiss và camera kép của Nokia 8

Đánh giá chi tiết Apple iPhone 7: quái vật tí hon đã hoàn thiện hơn

Đánh giá chi tiết Apple iPhone 7: quái vật tí hon đã hoàn thiện hơn

Chống nước, âm thanh stereo và dung lượng bộ nhớ trong có lớn hơn, hiệu năng có tốt hơn đó là những nâng cấp mà chúng ta phải thừa nhận là Apple đã làm tốt so với năm ngoái.

Trên tay Xiaomi Redmi Note 11 Pro: Giá hơn 5 triệu với thiết kế độc đáo, chip Dimensity 920 và camera 108MP

Trên tay Xiaomi Redmi Note 11 Pro: Giá hơn 5 triệu với thiết kế độc đáo, chip Dimensity 920 và camera 108MP

Ngày 28/10 vừa qua, Xiaomi đã trình làng dòng sản phẩm Xiaomi Redmi Note 11 Pro với thiết kế bắt mắt và mới lạ, để lại ấn tượng mạnh mẽ cho giới công nghệ. Sau đây, bạn hãy cùng mình trên tay Xiaomi Redmi Note 11 Pro