Hướng dẫn tạo Banner Flash chuyển ảnh

Admin

Well-Known Member

Staff member

Administrator

Jun 26, 2012

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ướ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:

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>

.... Done
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:

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

Flash bao nhiêu hình thì có bấy nhiêu cặp thẻ sau:

PHP:

PHP Code:
<item image="banner_images/MYB_Banner1.jpg"  
        link="http://www.nhatnghe.com" 
        target="_blank" 
        textBlend="no"><![CDATA[Web development 
    ]]></item>

image: đường dẫn đốn file hình
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é

New posts New threads New resources

Admin

Well-Known Member

Facebook Comments

Similar threads

New posts New threads New resources

New posts

New threads

new_resources