HOTLINE: + (123) 1800-567-8990
Mon - Fri: 9:00 - 19:00
  • English
  • Việt Nam
Blog

Tạo Slider với Bx-slider

Slide ảnh là 1 phần không thể thiếu với các website hiện nay, nó vừa mang tính chất quảng cáo vừa làm đẹp giao diện web, có rất nhiều plugin để làm việc này…

Hôm này mình sẽ hướng dẫn các bạn tạo slider cho website với Bxslider. Đây là một Plugin của Javascript, nó hoàn toàn miễn phí và được đông đảo mọi người sử dụng.

 

Đầu tiên vào trang chủ Bxslider ấn vào nút download, tải source về, giải nén, copy 2 file jquery.bxslider.css và jquery.bxslider.js vào project

Tạo Slider với Bx-slider

Mở tiếp thư mục images, copy file ảnh controls.png (ảnh nút next và previous) vào project.

 

Viết  code như ví dụ dưới đây

 

Một số tùy chỉnh thêm các bạn có thể tham khảo ở http://bxslider.com/options

 

Trường hợp slider không hiển thị nút next và previous , bạn mở file jquery.bxslider.css, tìm tới dòng này

Tạo Slider với Bx-slider

và sửa lại đường dẫn tới file ảnh controls.png cho đúng nhé.

Tải toàn bộ source ví dụ ở đây

 

Nếu có thắc mắc vui lòng để lại bình luận, mình sẽ giải đáp.

 

Tags: ,

Leave a comment