» Công Nghệ Thông Tin » Chinh Phục Forumtion » Các Code Hay » Banner tự động thay đổi ảnh


You are not connected. Please login or register

Banner tự động thay đổi ảnh

Go down  Message [Page 1 of 1]

1Banner tự động thay đổi ảnh Empty Banner tự động thay đổi ảnh Mon Aug 15, 2011 12:58 pm

An Hùng BMT

An Hùng BMT
Admin
Admin

Bây giờ mình giới thiệu để các bạn tự làm lấy một kiểu tương tự.
So với kiểu banner chuyển trang đã chia sẻ thì kiểu này có:
- Ưu điểm : load rất nhẹ, nhẹ hơn rất nhiều so với kiểu kia nên không gây khó chịu cho khách khi ghé thăm, rất dễ làm ( Vì code là do một phần mềm trực tuyến tạo ra mà)
- Nhược điểm : Không có hiệu ứng chuyển cảnh mà ảnh chỉ nhảy lần lược từ ảnh này sang ảnh khác.

Bây giờ các bạn dán đoạn code này vào một trang html mới rồi xem thử nhé:
Code:
<script type="text/javascript">
var imgs1 = new Array("https://lh4.googleusercontent.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/
fWPpyLC1vqw/DSC03487.jpg","https://lh3.googleusercontent.com/_RffU5Jf7nK4/TP3lQwOCnHI/AAAAAAAAA4k/1-43a1g6xxo/DSC03532.jpg","https://lh6.googleusercontent.com/_RffU5Jf7nK4/
TP4T8WeKfpI/AAAAAAAAA5c/xYWkbxnVYrc/Img13.jpg","https://lh4.googleusercontent.com/_
RffU5Jf7nK4/TP4T8uNTIDI/AAAAAAAAA5g/zy_6__1pgu0/Img14.jpg","https://lh5.googleusercontent.com/
_RffU5Jf7nK4/TP4T8nL0AhI/AAAAAAAAA5k/L0CfD1zVZu8/Img15.jpg");
var alt1 = new Array("A1","A2","A3","A4","A5");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",3000);
</script>
<img src="https://lh4.googleusercontent.com/_RffU5Jf7nK4/TP3lRNhSXLI/AAAAAAAAA4s/fWPpyLC1vqw/DSC03487.jpg" id="adBanner1" border="0" width="640" height="350"></a>
CÒn để làm thật thì mình không cần hướng dẫn gì hết, cứ vào đây là tự nhiên làm được:

http://www.htmlbasix.com/banner.shtml

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum