Jump to content

  2. →
  3. →

Photo

Imagem Randômica

Started By kavoo, 04/09/2007, 16:25

  • Faça o login para participar
23 replies to this topic

#1 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 04/09/2007, 16:25

Fiz a busca e não achei...

Amigos, estou terminando meu portfolio... e no topo do site gostaria de usar um espaço para imagem randômica, tenho umas 7 imagens, todas na mesma dimensão, e queria que a cada página aberta, o sistema escolhesse uma delas para carregar dentro de uma célula..

Alguém saberia me explicar como proceder?

Desde já agradeço.

Edição feita por: kavoo, 04/09/2007, 16:39.

:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#2 Diego Silva

Diego Silva

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 04/09/2007, 16:55

Boa tarde....

Uma vez eu me deparei com um problema semelhante...

Aí cheguei a este código q com adaptações vc conseguirá o objetivo:

<script LANGUAGE="JavaScript">
<!--
function Banners()
{
var MNews = new Array();
MNews[0]= '<img scr="nome do banner1" width="490" height="89">'
MNews[1]= '<img scr="nome do banner2" width="490" height="89">'
var Numero = Math.floor(Math.random()*2); //Não esqueça de trocar aqui pelo nº de imagens q vc tem
document.write(MNews[Numero]);
}
</script>

e assim por diante.. não esqueça de trocar o nº 2 por 7....
Depois lá onde vc quer apareça a imagem... vc usa esta chamada...

<script LANGUAGE="JavaScript">
Veja_Banner = Banners();
</script>

Este script eu já usei com Frases randômicas e com banners em Flash, pois ele aceita tags HTML.

Espero ter ajudado.

Abraço

#3 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 04/09/2007, 17:47

Diego, valeu tá quase dando certo, porém a imagem não apareceu, a impressão é que a imagem não está no caminho correto, mas está.

Fiz um teste no FP e ficou assim:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Teste Imagem Randômica</title>
&lt;script LANGUAGE="JavaScript">
<!--
function Banners()
{
var MNews = new Array();
MNews[0]= '<img scr="topo_bentivi.jpg" width="416" height="192">'
MNews[1]= '<img scr="topo_estrada.jpg" width="416" height="192">'
MNews[2]= '<img scr="topo_canoa.jpg" width="416" height="192">'
MNews[3]= '<img scr="topo_libelula.jpg" width="416" height="192">'
MNews[4]= '<img scr="topo_flor.jpg" width="416" height="192">'
var Numero = Math.floor(Math.random()*5); //Não esqueça de trocar aqui pelo nº de imagens q vc tem
document.write(MNews[Numero]);
}
</script>
</head>

<body>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr>
	  <td width="100%">
		<p align="center">&lt;script LANGUAGE="JavaScript">
Veja_Banner = Banners();
</script></td>
	</tr>
  </table>
  </center>
</div>

</body>

</html>
Errei alguma coisa??

obs.: entendo pouco de programação. :P
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#4 Diego Silva

Diego Silva

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 05/09/2007, 08:06

Olá... Bom dia...


Tira o comentário q eu coloquei no Script e tb onde vc começa o código está com um errinho dê uma olhada Não está abrindo certo a Tag:

&lt;script LANGUAGE="JavaScript"> e tb lá na chamada estava assim: &lt;script LANGUAGE="JavaScript">

o certo eh <script LANGUAGE="JavaScript">
Experimenta agora...

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Teste Imagem Randômica</title>
<script LANGUAGE="JavaScript">
<!--
function Banners()
{
var MNews = new Array();
MNews[0]= '<img scr="topo_bentivi.jpg" width="416" height="192">'
MNews[1]= '<img scr="topo_estrada.jpg" width="416" height="192">'
MNews[2]= '<img scr="topo_canoa.jpg" width="416" height="192">'
MNews[3]= '<img scr="topo_libelula.jpg" width="416" height="192">'
MNews[4]= '<img scr="topo_flor.jpg" width="416" height="192">'
var Numero = Math.floor(Math.random()*5);
document.write(MNews[Numero]);
}
</script>
</head>

<body>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
<p align="center"><script LANGUAGE="JavaScript">
Veja_Banner = Banners();
</script></td>
</tr>
</table>
</center>
</div>

</body>

</html>

Tenha muito cuidado o JavaScript eh uma linguagem q não aceita erros, um ; errado ela já não funciona direito!
Bom mas foi só o q eu achei de errado...
Abraço

#5 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 05/09/2007, 10:41

Dá pra fazer sem ter que ficar modificando o número de imagens:

<script>
var paths = [
  "abc.gif",
  "cde.gif",
  "fgh.gif];

var imagem = document.getElementById('banner');

window.onload = function(){
  imagem.src = paths[Math.floor(Math.random()*(imagem.length))];
}
</script>
<img src="" id="banner" />

WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#6 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 05/09/2007, 11:35

bimonti, mesmo depois da dica do diego, as imagens não apareceram. Mandei pra ele o arquivo zipado e estou aguardando retorno. =)

Quanto ao seu código, eu coloco na head, certo?

Mas como eu "chamo" essa script pra imagem abrir onde eu quero?

Obrigado.
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#7 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 05/09/2007, 13:09

Você não vai chamar a função. Isso é obstrusivo, se por acaso o usuário não deixar habilitado o javascript não abre nada. Então você faz assim:

<img src="imagem_padrao.jpg" id="banner" />

E coloca o id de banner na imagem. Vai abrir a padrão definida no src. No script que eu te passei repare no window.onload, ele vai tentar alterar após a página estar carregada, possibilitando inclusive, alterar a imagem na mesma página de tempos em tempos utilizando setInterval ou setTimeout.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#8 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 10/09/2007, 17:00

Galera, ainda não consegui.
O q eu quase consegui foi o código do Diego, só q deu erro, como se o caminho da imagem estivesse errado, e não está, o do Bimonti deu erro de script mesmo, como se tivesse alguma linha errada.

Ajuda aê. =)

Valeu.
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#9 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 10/09/2007, 17:33

Faltou uma aspa dupla no vetor depois de fgh.gif
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#10 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 10/09/2007, 18:01

Continua. :huh:

Valeu.
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#11 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 11/09/2007, 08:23

Arrumei o script do bimonti, aqui funcionou 100%. ;)
<script type="text/javascript">
var paths = new Array("abc.gif", "cde.gif", "fgh.gif");

window.onload = function()
{
	var imagem = document.getElementById('banner');
	imagem.src = paths[Math.floor(Math.random()*(paths.length))];
}
</script>

Flws...
(ok2)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.

www.CanalDev.com.br

#12 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 11/09/2007, 08:56

Cara, só aparece a imagem q eu defini como padrão. =(

Pô, acho q vou fazer "estático" mesmo.
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.

#13 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 11/09/2007, 09:04

Tem certeza? Já deu uns Ctrl+F5 ai pra ver? :huh:

Eu também achei que estava estático, mas depois de um tempo atualizando eu vi que realmente muda.

Tente colocar mais opões de imagens também só para tentar obter um fluxo maior que você vai reparar que realmente está aleatório,

Flws...
;) Até mais

Edição feita por: Paulo André, 11/09/2007, 09:06.

Paulo André G Rodrigues,
ex-administrador Fórum WMO.

www.CanalDev.com.br

#14 sk15

sk15

    Super Veterano

  • Usuários
  • 2071 posts
  • Sexo:Masculino
  • Localidade:SP - SP

Posted 17/09/2007, 14:30

Eu particulamente não confio no "window.onload" ... faça o básico que irá(deverá) funcionar. 

<script type="text/javascript">
var imgs = new Array("img1.gif", "img2.gif", "img3.gif");

function Images() {
 var image = this.imgs[(Math.floor((Math.random() * imgs.length)))];
 document.write('<img src="' + image + '" width="500" height="60" border="0">');
}
</script>

Image (Coloque a Tag abaixo no Local onde deva aparecer as imagens):
<script>Images()</script>

Mega Midi: Músicas midis grátis para blog, sites, download e ouvir on-line!

#15 kavoo

kavoo

    Se o kavoo fosse da adobe, esse seria o logo =]

  • Ex-Admins
  • 1847 posts
  • Sexo:Masculino
  • Localidade:Monte Dourado-PA

Posted 20/09/2007, 13:17

Yes!!!

Esse eu consegui fazer funcionar!

Valeu gente! Vcs são fodz!
:: Heider Torres - www.heidertorres.com.br
My flickr - Nikon D90 | Nikon D50 | Sigma 10-20 | Nikkor 18-70 | Nikkor AF 50mm 1.8 D | Sigma 70-300 APO Macro | SB600 | 2 SB800 | Alhva Macaco

Kavoo veste: bermudão e chinelo.
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq