Hiển thị nhiều banner quảng cáo một lúc

// Banner Rotation Script by Bloggerism var ban = new Array(); var link = new Array(); var index = 0; ban[0] = new Image(); ban[0].src = “https://3.bp.blogspot.com/-pIZW09IBShk/V29hlM8lp4I/AAAAAAAAHOQ/HDSFSAnxlnEwgGm9GatSOikqQSijbEHwQCLcB/s1600/1.jpg”; link[0] = “http://www.bbc.com/”; ban[1] = new Image(); ban[1].src = “https://1.bp.blogspot.com/-OfMRj7NT-S4/V29hlMPSdjI/AAAAAAAAHOM/dVgWqrdFfII9fY_UuXGeqouXO_5ARwb8wCLcB/s1600/2.jpg”; link[1] = “http://www.voanews.com/”; ban[2] = new Image(); ban[2].src = “https://1.bp.blogspot.com/-XWMXDsl5Z4Y/V29hlMML_lI/AAAAAAAAHOU/0V_jRWog5SIkl-UhNUO4jPISJrH0qiZCQCLcB/s1600/images.jpg”; link[2] = “http://edition.cnn.com/”; index = Math.random() * (ban.length); index = Math.floor(index); function rotator() {if (index == ban.length) index = 0; if (document.images) { document.images.rotation.src = ban[index].src; } else { document.getElementById(‘rotation’).src=ban[index].src; } index++; setTimeout(‘rotator()’,5000); } function go() {window.open(link[index-1]);} rotator();

Bạn muốn quảng cáo của mình động như ảnh gif để cho nó sinh động, tuy nhiên ở một banner thì bạn chỉ có thể bỏ vào một link liên kết đến.
Đoạn code dưới đây sẽ giúp bạn giải quyết vấn đề trên, mỗi banner khác nhau sẽ cho ra đường link khác nhau.

<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;

ban[0] = new Image();
ban[0].src = "URL_banner_0";
link[0] = "URL_link_0";

ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";

ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";

index = Math.random() * (ban.length);
index = Math.floor(index);

function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>

<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script>

Hãy thay đổi nhưng dòng màu đỏ cho phù hợp với nhu cầu của bạn nhé.

Leave a Comment

sơn epoxy / sơn sàn epoxy / cửa lưới chống muỗi / vách ngăn lướii chống muỗi / cửa lùa chống muỗi / vệ sinh công nghiệp / đánh bóng sàn bê tông / vệ sinh nhà máy / dịch vụ giặt thảmm / vệ sinh nhà hàng / vệ sinh tòa nhà / dịch vụ vệ sinh kính / vệ sinh khách sạn / vệ sinh chung cư / dịch vụ cắt cỏ / đánh bóng kính / diệt côn trùng / diệt mối / diệt kiến / diệt muỗi / diệt ruồi / diệt gián / diệt chuột / dọn bể nước ngầm / phụ kiện mái che / cơ khí chế tạo / mái che di động / rèm nhựa / vách nhựa ngăn phòng lạnh / rèm nhựa phòng lạnh / dù che nắng / mái kéo di động / nhà bạt di động / mái xếp di động / mái hiên di động / thay bạt mái hiên di động / bạt che nắng / phụ kiện mái che di động / mái che sân thượng / mái che quán cafe / mái che di động miền bắc / mái che di động miền nam / bạt che di động hcm /