Home » Flash » Hướng dẫn tạo Banner với các hiệu ứng chuyển ảnh bắt mắt

Hướng dẫn tạo Banner với các hiệu ứng chuyển ảnh bắt mắt

Hướng dẫn tạo Banner với các hiệu ứng chuyển ảnh bắt mắt

Hiệu ứ́ng này làm bằng JQuery, do đó nhẹ hơn Flash nhiều, nhưng hiệu ứng không thua gì flash

Live demo

Hình ảnh này đã được thay đổi kích thước. Click vào đây để xem hình ảnh gốc với kích thước là 1014x372

Hướng dẫn sử dụng:

Download source tại đây: http://khoa.nhatnghe.vn/forum/banner/khoaphp_banner.zip

Sau khi download về, bung nén với mật khẩu nhatnghe.com__khoaphp@yahoo.com, bạn sẽ được folder với cấu trúc file như sau:

Trong đó:

- Folder images: Dùng chứa các hình mà bạn muốn hiện ra trong banner.

- File index.html: Chứa đoạn code sẽ hiện ra banner này (Nếu muốn chèn banner này vào trang web của bạn, bạn phải copy đoạn code trong <head> và <body> từ trang này vào trang web của bạn)

- Muốn thêm hoặc chỉnh sửa hình, bạn mở file index.html và xem đoạn code sau: