0
Banner rotativo em JS
Descrição: Tutorial ensinando á criar banners rotativos em JS sem Iframe, muito bom!.
ENTÃO VAMO LÁÁ
Primeiramente hospede todas as imagens em algum servidor de sua preferência, e escolha os links para onde vão apontar. Nesse tuto vou usar o Dreamweaver MX pois processo é mais simples que no CS3 e CS5 (outros que eu tenho ).
Primeiramente crie um novo documento de Javascript
ENTÃO VAMO LÁÁ
Primeiramente hospede todas as imagens em algum servidor de sua preferência, e escolha os links para onde vão apontar. Nesse tuto vou usar o Dreamweaver MX pois processo é mais simples que no CS3 e CS5 (outros que eu tenho ).
Primeiramente crie um novo documento de Javascript
var max = 10;
var nrImages = 6;
function makeImages() {
this[0] = "imagem1.gif";
this[1] = "imagem2.gif";
this[2] = "imagem3.gif";
this[3] = "imagem4.gif";
this[4] = "imagem5.gif";
this[5] = "imagem6.gif";
this.length = nrImages;
}
function makeLinks() {
this[0] = "http://www.link1.com.br";
this[1] = "http://www.link2.com.br";
this[2] = "http://www.link3.com.br";
this[3] = "http://www.link4.com.br";
this[4] = "http://www.link5.com.br";
this[5] = "http://www.link6.com.br";
this.length = nrImages;
var nrImages = 6;
function makeImages() {
this[0] = "imagem1.gif";
this[1] = "imagem2.gif";
this[2] = "imagem3.gif";
this[3] = "imagem4.gif";
this[4] = "imagem5.gif";
this[5] = "imagem6.gif";
this.length = nrImages;
}
function makeLinks() {
this[0] = "http://www.link1.com.br";
this[1] = "http://www.link2.com.br";
this[2] = "http://www.link3.com.br";
this[3] = "http://www.link4.com.br";
this[4] = "http://www.link5.com.br";
this[5] = "http://www.link6.com.br";
this.length = nrImages;
}
var vetImages = new makeImages();
var vetLinks = new makeLinks();
var x = Math.round(Math.random()*max);
var y = max / nrImages;
for(var cont = 1;cont*y<= max;cont++) {
if (x <= (cont*y)) {
document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");
break;
}
}
Após isso feito, salve o arquivo e hospede-o em algum servidor. Depois para usá-lo só usar o seguinte código:
<script language="JavaScript" src="seu arquivo JavaScript.js"></script>
Desta maneira, o banner alternará toda vez que a página for atualizada.
var vetImages = new makeImages();
var vetLinks = new makeLinks();
var x = Math.round(Math.random()*max);
var y = max / nrImages;
for(var cont = 1;cont*y<= max;cont++) {
if (x <= (cont*y)) {
document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");
break;
}
}
Após isso feito, salve o arquivo e hospede-o em algum servidor. Depois para usá-lo só usar o seguinte código:
<script language="JavaScript" src="seu arquivo JavaScript.js"></script>
Desta maneira, o banner alternará toda vez que a página for atualizada.
Descrição: Tutorial ensinando á criar banners rotativos em JS sem Iframe, muito bom!.
ENTÃO VAMO LÁÁ
Primeiramente hospede todas as imagens em algum servidor de sua preferência, e escolha os links para onde vão apontar. Nesse tuto vou usar o Dreamweaver MX pois processo é mais simples que no CS3 e CS5 (outros que eu tenho ).
Primeiramente crie um novo documento de Javascript
ENTÃO VAMO LÁÁ
Primeiramente hospede todas as imagens em algum servidor de sua preferência, e escolha os links para onde vão apontar. Nesse tuto vou usar o Dreamweaver MX pois processo é mais simples que no CS3 e CS5 (outros que eu tenho ).
Primeiramente crie um novo documento de Javascript
var max = 10;
var nrImages = 6;
function makeImages() {
this[0] = "imagem1.gif";
this[1] = "imagem2.gif";
this[2] = "imagem3.gif";
this[3] = "imagem4.gif";
this[4] = "imagem5.gif";
this[5] = "imagem6.gif";
this.length = nrImages;
}
function makeLinks() {
this[0] = "http://www.link1.com.br";
this[1] = "http://www.link2.com.br";
this[2] = "http://www.link3.com.br";
this[3] = "http://www.link4.com.br";
this[4] = "http://www.link5.com.br";
this[5] = "http://www.link6.com.br";
this.length = nrImages;
var nrImages = 6;
function makeImages() {
this[0] = "imagem1.gif";
this[1] = "imagem2.gif";
this[2] = "imagem3.gif";
this[3] = "imagem4.gif";
this[4] = "imagem5.gif";
this[5] = "imagem6.gif";
this.length = nrImages;
}
function makeLinks() {
this[0] = "http://www.link1.com.br";
this[1] = "http://www.link2.com.br";
this[2] = "http://www.link3.com.br";
this[3] = "http://www.link4.com.br";
this[4] = "http://www.link5.com.br";
this[5] = "http://www.link6.com.br";
this.length = nrImages;
}
var vetImages = new makeImages();
var vetLinks = new makeLinks();
var x = Math.round(Math.random()*max);
var y = max / nrImages;
for(var cont = 1;cont*y<= max;cont++) {
if (x <= (cont*y)) {
document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");
break;
}
}
Após isso feito, salve o arquivo e hospede-o em algum servidor. Depois para usá-lo só usar o seguinte código:
<script language="JavaScript" src="seu arquivo JavaScript.js"></script>
Desta maneira, o banner alternará toda vez que a página for atualizada.
var vetImages = new makeImages();
var vetLinks = new makeLinks();
var x = Math.round(Math.random()*max);
var y = max / nrImages;
for(var cont = 1;cont*y<= max;cont++) {
if (x <= (cont*y)) {
document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");
break;
}
}
Após isso feito, salve o arquivo e hospede-o em algum servidor. Depois para usá-lo só usar o seguinte código:
<script language="JavaScript" src="seu arquivo JavaScript.js"></script>
Desta maneira, o banner alternará toda vez que a página for atualizada.
