Bài sau hướng dẫn bạn tạo banner flash với các hiệu ứng chuyển ảnh sinh động.
Hình ảnh được cấu hình từ file XML nên thuận tiện cho việc thiết kế.
Xem demo ở đây: Live Demo
Hình ảnh được cấu hình từ file XML nên thuận tiện cho việc thiết kế.
Xem demo ở đây: Live Demo
Hướng dẫn tạo Banner Flash chuyển ảnh sinh động dễ dàng
Hướng dẫn sử dụng:
B1: Download http://khoa.nhatnghe.vn/forum/banner.MrKhoa.zip, bung nén bạn sẽ đc 2 file banner_images và data.xml. Copy 2 file này vào site của bạn (Cùng cấp với file muốn hiện banner flash)
B2: Mở file muốn chèn banner flash, chèn code sau trong thẻ <head>
PHP Code:
PHP Code:
<script type="text/javascript" src="banner_images/swfobject.js"></script>
B3: Chổ nào muốn hiện banner flash thì chèn code sau:
PHP Code:
<div align="center">
<div id="flashcontent">
<script type="text/javascript">
var so = new SWFObject("banner_images/banner.swf", "mymovie", "816", "220", "8");
so.addParam("menu", "false");
so.write("flashcontent");
</script>
</div>
</div>
Bạn có thể cấu hình nội dung của banner flash như sau:
Mở file data.xml, các thông số quan trọng:
PHP Code:
PHP Code:
bannerWidth="816" //chiều ngang của flash
bannerHeight="220" //chiều cao của flash
autoPlay="yes" //flash tự động chuyển hình
PHP Code:
PHP Code:
<item image="banner_images/MYB_Banner1.jpg"
link="http://www.nhatnghe.com"
target="_blank"
textBlend="no"><![CDATA[Web development
]]></item>
link: link trỏ tới khi click vào banner
CDATA: đoạn text mô tả hiện dưới mỗi hình trong banner.
Cấu hình xong xem kết quả nhé
Cho thêm 1 cái Link Direct đề phòng: Ấn vào đây để tải về
Không có nhận xét nào:
Đăng nhận xét