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

Tiêu đề: Banner tự động thay đổi ảnh Sat Aug 27, 2011 4:46 pm

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:

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

» [Codes] Banner thay đổi mỗi lần load trang
» Tự động thay đổi baner - Thật là đơn giản.
» Y tá thay đồ =))
» Em thấy anh thật là ngốc
» [HD] Ẩn links, Mem trả lời mới thấy

Tìm kiếm

Display results as : Số bài Chủ đề
Advanced Search

Trang 1 trong tổng số 1 trang