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

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: Chọn nội dung
<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>




 

MỌI THÔNG TIN VUI LÒNG LIÊN HỆ :   
  
TRUNG TÂM THIẾT KẾ WEBSITE - VCUPDESIGN
Phụ trách thiết kế : Mr.Mika Nguyễn
Call me : 0919.08.3000 - 0927.927.000 - Email :  Lienhe365@gmail.com 
Phụ trách kỹ thuật và kinh doanh : Mr.Nguyễn Sơn
Call me : 0919083000 -   Email :   Setup247@Gmail.Com
Hỗ trợ yahoo 24/24 : pro_mikanguyen
Website : www.vcupdesign.com

GIỚI THIỆU ĐẾN QUÝ KHÁCH MỘT SỐ DỰ ÁN SẼ THỰC HIỆN TRONG NĂM 2018


DANH MỤC BÀI ĐĂNG - KHÁCH MUỐN XEM NỘI DUNG GÌ LICK VÀO TIÊU ĐỀ ẤY


WEBSITEMIKA - THƯƠNG HIỆU UY TÍN BỞI HƠN 300 DOANH NGHIỆP VÀ CÁC THƯƠNG HIỆU VỪA VÀ NHỎ LỰA CHỌN
Điểm giao dịch: Online 24h
-Email: Setup247@gmail.com - Website: https://thietkeweb.mikalaza.com