Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

JeanKR

Imagens Dinâmicas

Por , em Desenvolvimento frontend

Recommended Posts

JeanKR    0

JeanKR
Postado

Bom dia pessoal, como andam?

Sou recém cadastrado no forúm, que por sinal é exelente.

 

Minha dúvida é a seguinte, preciso que meu site tenha uma foto que a cada vez que entrar no site, a imagem muda, por exemplo o site dacamicado, ao todo vão ser 15 imagens diferentes.

Se não compreenderam minha dúvida eu explico melhor.

 

Agradeço pela ajuda,

Outra pergunta, posso colocar duas dúvidas em um mesmo post?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Primeiramente, seja bem vindo ao Fórum, JeanKR. Vamos às dúvidas.

posso colocar duas dúvidas em um mesmo post?

Se as perguntas forem referentes ao mesmo assunto, tudo bem. Depende de cada caso também. Qualquer coisa, os Moderadores lhe informam sobre qual a melhor maneira de se proceder em uma determinada situação. Se você tiver alguma dúvida, acesse: Como criar um tópico para o seu problema.

 

Mas então vamos à sua pergunta principal. Segue abaixo um exemplo que fiz rápido usando um script que peguei na internet. Ele é um script JavaScript, então, caso você ainda tiver dúvidas referente a qualquer elemento dentro desse trecho de código que passei, abra um novo tópico sobre a sua dúvida no fórum de JavaScript, ok?

 

Comentei algumas coisas para você compreender melhor...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">	<head>		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />		<title>Imagens Randômicas!</title>	</head>	<body>		<script type="text/javascript">			function ImgDinamica(){			var MinhasImagens = new Array()			// Especifique os caminhos das imagens abaixo. Você pode especificar quantas desejar			// (usei 15 aqui que é a quantidade que você mencionou)			MinhasImagens[1] = "imagens/img1.jpg"			MinhasImagens[2] = "imagens/img2.jpg"			MinhasImagens[3] = "imagens/img3.jpg"			MinhasImagens[4] = "imagens/img4.jpg"			MinhasImagens[5] = "imagens/img5.jpg"			MinhasImagens[6] = "imagens/img6.jpg"			MinhasImagens[7] = "imagens/img7.jpg"			MinhasImagens[8] = "imagens/img8.jpg"			MinhasImagens[9] = "imagens/img9.jpg"			MinhasImagens[10] = "imagens/img10.jpg"			MinhasImagens[11] = "imagens/img11.jpg"			MinhasImagens[12] = "imagens/img12.jpg"			MinhasImagens[13] = "imagens/img13.jpg"			MinhasImagens[14] = "imagens/img14.jpg"			MinhasImagens[15] = "imagens/img15.jpg"			var Img = Math.floor(Math.random()*MinhasImagens.length)			if (Img == 0)				{					Img = 1					document.write('<img src="' + MinhasImagens[Img] + '" alt="" />');					// Esta linha acima insere a imagem no local desejado.				}			ImgDinamica()		</script>	</body></html>
Espero que tenha ajudado! Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

JeanKR    0

JeanKR
Postado

Perfeito!!!Obrigado Paulo, Só tinha um probleminha de sintax no código mais consertei, Agora enquanto a outra duvida, não era relacionada a código, mais ja me arrumei por aki, Vou ler as Regras do forum quando tiver um tempinho sobrando.Obrigado pela ajuda abraço!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

jeancarioca    3

jeancarioca
Postado

Perfeito!!!Obrigado Paulo, Só tinha um probleminha de sintax no código mais consertei, Agora enquanto a outra duvida, não era relacionada a código, mais ja me arrumei por aki, Vou ler as Regras do forum quando tiver um tempinho sobrando.Obrigado pela ajuda abraço!!

Jean, poste aqui qual era o erro e qual foi a correção se possível.Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Perfeito!!!Obrigado Paulo, Só tinha um probleminha de sintax no código mais consertei, Agora enquanto a outra duvida, não era relacionada a código, mais ja me arrumei por aki, Vou ler as Regras do forum quando tiver um tempinho sobrando.Obrigado pela ajuda abraço!!

Jean, poste aqui qual era o erro e qual foi a correção se possível.Obrigado!
Eu ía pedir o mesmo... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif Por favor...

Compartilhar este post

Link para o post
Compartilhar em outros sites

JeanKR    0

JeanKR
Postado

hum, estava fuçando e pensando aki, o código esta com um problema, ai fiz uma "gambiarra" onde estava o erro:

 

Eu comentei a linha que esta dentro do IF, ai copiei o document.write para fora, desse geito esta funcionando, mais como eu tirei a função do if, que no caso serveria para que a imagem randomica não se repita com muita frequencia, ficou meio ruim.

 

hum... teria como ao invez de ser randômica ser sequêncial, exemplo, abrir a 1° foto, a 2°, a 3° etc... nas sequência. Se der muita dor de cabeça deixa quieto, eu me viro assim msm.

 

Segue o código,

 

Obrigado Galera, Abraços!!!!!!!!!!!

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Imagens Randômicas!</title>

</head>

<body>

<script type="text/javascript">

function ImgDinamica(){

 

var MinhasImagens = new Array()

 

// Especifique os caminhos das imagens abaixo. Você pode especificar quantas desejar

// (usei 15 aqui que é a quantidade que você mencionou)

 

MinhasImagens[1] = "imagens/img1.jpg"

MinhasImagens[2] = "imagens/img2.jpg"

MinhasImagens[3] = "imagens/img3.jpg"

MinhasImagens[4] = "imagens/img4.jpg"

MinhasImagens[5] = "imagens/img5.jpg"

MinhasImagens[6] = "imagens/img6.jpg"

MinhasImagens[7] = "imagens/img7.jpg"

MinhasImagens[8] = "imagens/img8.jpg"

 

var Img = Math.floor(Math.random()*MinhasImagens.length)

 

if (Img == 0)

{

Img = 1

//document.write('<img src="' + MinhasImagens + '" alt="" />');

// Esta linha acima insere a imagem no local desejado.

}

document.write('<img src="' + MinhasImagens + '" alt="" />');

}

ImgDinamica()

</script>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito