8 replies to this topic

[arthurlucena]

Eu tenho o seguinte codigo aqui...

<script LANGUAGE="JavaScript">

today=new Date();
jran=today.getTime();
var number = 7;
var random_number="";
var image="";
var text_color="";
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);
// Loads the appropriate image and text color based on random number.
if (random_number==1) {
text_color="000000";
image="foto01.jpg";
}
if (random_number==2) {
text_color="000000";
image="foto02.jpg";
}
if (random_number==3) {
text_color="000000";
image="foto03.jpg";
}
if (random_number==4) {
text_color="000000";
image="foto04.jpg";
}
if (random_number==5) {
text_color="000000";
image="foto05.jpg";
}
if (random_number==6) {
text_color="000000";
image="foto06.jpg";
}
if (random_number==7) {
text_color="000000";
image="foto07.jpg";
}
// End -->
</SCRIPT>



<script LANGUAGE="JavaScript">

<!-- Begin
document.open();
document.write("<img  src='"+image+"' TEXT='"+text_color+"'>");
document.write("<CENTER></CENTER>");
// End -->
</SCRIPT>

Há alguma forma de deixar o código mais simples? Queria apenas que uma pequena imagem(tipo de 100x40px) mudasse a cada visita do usuario. Essa imagem estaria dentro de um div flutuante, como um mini-banner, discreto e constante. Como ainda estou "engatinhando" no Javascript, esse código está meio incompreenssivo pra mim... Nao entendo o porque do "today=new Date(); jran=today.getTime();" ele vai mostrar uma nova imagem para cada dia da semana? É isso? E porque a cor do texto? Como eu poderia chamar essa função(em qual tag)?

[Alex Hiroshi]

eu tinha feito um faz tempo, é mais simples.. veja

<script>
function rotativo(){

var imagens = new Array() 
imagens[0]="imagem1.gif" // Aqui vc vai adicionando as urls das imagens
imagens[1]="imagem2.gif"
imagens[2]="imagem3.gif"

var rodando = Math.floor(Math.random()*imagens.length); 
document.write('<img src="'+imagens[rodando]+'" border=0>');
}
rotativo();
</script>

[arthurlucena]

Valeu Alex... esse tah perfeito. Valeu mesmo

Soh faltou uma coisa ... como eu poderia chamar ele lah na page? Nao poderia usar nenhum dos onKey... entao?

[Alex Hiroshi]

é só colocar na pagina que ele chama automaticamente.. pois já fiz para chamar ali em cima no rotativo();

como assim chamar em onkey?

[arthurlucena]

assim: como "jogar" ele em determinado local da pagina? se eu setar as imagens com os nomes de "dhaa1.jpg", "dhaa2.jpg" e "dhaa3.jpg" como faço para acrescenta-las no layout? <img src="imagens/dhaa1.jpg"> ? nao, neh? como chamar a funcao na pagina?

function NewWindow(mypage, myname, w, h, scroll, resizeable) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizeable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
//  End -->

Essa funcao abre uma nova janela com parametros escolhidos por mim, para chama-la na pagina tudo q tenho a fazer eh criar um "onClick="NewWindow(this.href,'novaJanela','350','400','no',no');return false;" "
e pronto, ao clicar no link abrira uma nova janela sem menus e barras com tamanho 350x400 e nao redimensionavel.

No caso, como chamaria essa funcao de randomizacao de imagens do meio da minha pagina?

[Alex Hiroshi]

. .acho que entendi...
você pode usar o script que eu postei onde vc achar melhor, ou chame a função por fora.. tipo

<script>
rotativo();
</script>

nesse caso, você teria que tirar o rotativo() do fim da função... ficaria assim..

no head

<script>
function rotativo(){
var imagens = new Array()
imagens[0]="imagem1.gif" // Aqui vc vai adicionando as urls das imagens
imagens[1]="imagem2.gif"
imagens[2]="imagem3.gif"

var rodando = Math.floor(Math.random()*imagens.length);
document.write('<img src="'+imagens[rodando]+'" border=0>');
}
</script>

em qualquer lugar da pagina

<script>
rotativo();
</script>

[arthurlucena]

Alex salvando minha vida novamente

Funcionou perfeitamente cara, o codigo eh simples, facil, intuitivo, perfeito para estudo. Muito obrigado mesmo!

VALEU!!!

[maksti]

Opa to precisando de adaptar esse código.

O q eu preciso é q a cada 10s a imagem mude.

Printa o array valor 1, depois de 10s printa o array valor 2, depois o valor 3 e assim vai...

Alguém pode dar uma mão?

[]´s

[Leandro Mercês Xavier]

Use a função setInterval:

ID = window.setInterval(NomeFunção, intervalo);

O parâmetro NomeFunção deve ser passado entre aspas. Ex.:

intervalo = setInterval("mudaImagem()", 10000);

O parâmetro intervalo é expresso em milisegundos. (O exemplo acima chama a função a cada 10000 milisegundos, ou seja, 10 segundos)

Edição feita por: Leandro Mercês Xavier, 30/05/2006, 15:18.