Radom de Imagem

[-=Felipe=- 0]

To com um script aki que agente cilca no botão e o background muda de iamgem. eu colokei varioos temas carnaval, natal, verão, ano novo...

E cada tema tem mais ou menos 2 imagens diferentes então eu coloquei assim:

Ex:

Verão

Verão 2

Verão 3

etc...

 

E como tem variso temas fico meio ruim colocar assim tema 2, tema 3... pq tico muito grande.

 

Então eu tive a ideia de colcoar apenas 1 tema:

Ex: Verão

Mais a cada vez que eu atualizace a pagnia a imagem que estaria definida no tema Verão mudace pra uma otura imagem que esta na apsta, em meu pc.

 

Deu pra enteder ?

 

Se deu, tem como fazer ?

 

Obrigado.

[srnetcave 1]

Felipe,

 

Uma duvida, suas imagens estaram no seu computador ou no servidor???

[-=Felipe=- 0]

To fazendo um test primeiro, No meu pc. Mais eu vo colocar elas no servidor depois

[srnetcave 1]

Entao voce tera que usar PHP ou outra linguagem server-side. Podendo utilizar javascript em conjunto com sua linguagem. Mas terá que usar alguma linguagem para ler os diretórios no servidor, Javascript é client-side.

 

Posta no fórum de PHP ou sua linguagem preferida.

 

Vlw

[drk7 0]

Acho que em javascript seria mais fácil.

É só mudar as propriedades.

 

Olha aqui.

[Holt 1]

O problema seria o random... resolvido isso...

Vou tentar te passar um random que eu tava desenvolvendo...

var marr[0] = /*Endereço imagem do tema 0*/;
var marr[1] = /*Endereço imagem do tema 1*/;
var num1 = /*Número do teu tema menor, Provavelmente 0 ou 1;*/;
var num2 = /Número do teu tema maior*/;
if(num2 > num1){
   var num3 = num1;
   num1 = num2;
   num2 = num3;
}
var val1 = Math.random();
var val2 = 1 - val1;
if(val2 > val1){
   var val3 = val1;
   val1 = val2;
   val2 = val3;
}
var conta1 = num1 * val1;
var conta2 = num2 * val2;
var result = conta1 + conta2;
result.split('.');
document.body.style.display = marr[result];

[-=Felipe=- 0]

O script dos botões esta assim:

 

<input type="button" value="Normal" onclick="document.body.background='Backgrounds/Normal/bg.png'">
<br>

<input type="button" value="Normal 2" onclick="document.body.background='Backgrounds/Normal/17.gif'">
<br>

<input type="button" value="Normal 3" onclick="document.body.background='Backgrounds/Normal/MSH_koelnposter_29t.png'">
<br>

<input type="button" value="Normal 4" onclick="document.body.background='Backgrounds/Normal/1.gif'">
<br>
<br>

<input type="button" id="bt" value="Temas" onclick="mostra()" />
<br>

<div id="temas" style="display:none">

<input type="button" value="Pascoa" onclick="document.body.background='Backgrounds/Pascoa/45.gif'">
<br>

<input type="button" value="Carnaval" onclick="alert('Ainda não temos Imagens de Carnaval.')">
<br>

<input type="button" value="Halhoween" onclick="document.body.background='Backgrounds/Halloween/habboween.gif'">
<br>

<input type="button" value="Natal" onclick="document.body.background='Backgrounds/Natal/bg_Xmas09_pattern_v1.gif'">
<br>

<input type="button" value="Feminino" onclick="document.body.background='Backgrounds/Feminino/21.gif'">
<br>

<input type="button" value="Feminino 2" onclick="document.body.background='Backgrounds/Feminino/38.gif'">
<br>

<input type="button" value="Verão" onclick="document.body.background='Backgrounds/Verão/habboverao.gif'">
<br>

<input type="button" value="Verão 2" onclick="document.body.background='Backgrounds/Verão/04.gif'">
<br>


<input type="button" value="Ano Novo" onclick="document.body.background='Backgrounds/Ano Novo/25.gif'">
<br>

<input type="button" value="Ano Novo 2" onclick="document.body.background='Backgrounds/Ano Novo/26.gif'">
</div>

<script>
function mostra() {

    if (document.getElementById('temas').style.display == "") {
        document.getElementById('temas').style.display = "none";
    document.getElementById('bt').value = "Temas";

}else {
        document.getElementById('temas').style.display = "";
        document.getElementById('bt').value = "Esconder";
    }
    

}
</script>

Como poderia fazer o random de imagens em Javascript.