Share Tạo slide trình chiếu tương tự PowerPoint với thư viện deck.js

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Nếu các bạn đang có nhu cầu xây dựng hệ thống giảng dạy hay thiết trình trực tuyến thì gần như chắc chắn các bạn sẽ cần tới chức năng trình chiếu nội dung tương tự như PowerPoint. Hiện nay, không nhiều thư viện hỗ trợ tốt việc xây dựng chức năng trình chiếu tương tự như PowerPoint trên nền web, tuy nhiên, ở mức độ chấp nhận được thì các bạn vẫn có thể sử dụng thư viện deck.js mà tôi giới thiệu ở bài viết này.

Với thư viện deck.js, các bạn có thể tạo được các hiệu ứng chuyển slide, các hiệu ứng hiển thị nội dung từng bước như trên PowerPoint. Mặc dù số lượng hiệu ứng không nhiều nhưng cũng đủ để các bạn có thể dễ dàng tạo ra các nội dung trình chiếu đáp ứng nhu cầu công việc của các bạn. Ngoài ra, với khả năng hỗ trợ responsive nên các slide của các bạn có thể hiển thị trên nhiều thiết bị khác nhau kể cả điện thoại di động.

Để sử dụng thư viện deck.js, các bạn có thể tải về tại địa chỉ https://github.com/imakewebthings/deck.js và tích hợp vào website với nội dung mã lệnh HTML như sau:
HTML:
<script src="path/to/jquery.min.js"></script>
<script src="path/to/deck.core.js"></script>
Các bạn tạo slide nội dung như sau:
HTML:
<section class="deck-slide">Content 1</section>
<section class="deck-slide">Content 2</section>
<section class="deck-slide">Content 3</section>
Bây giờ, các bạn cài đặt thư viện deck.js như sau:
JavaScript:
$(function() {
    $.deck('.deck-slide');
});
Các bạn có thể tìm hiểu thêm về thư viện deck.js tại địa chỉ http://imakewebthings.com/deck.js/docs.
 
Back
Top