Ir para conteúdo
Fórum Script Brasil
  • 0

Fazer Imagens Girarem Aleatoriamente


Guest kay jedy

Pergunta

ola pessoal

tenho um site com varias fotos

e que quando alguém clicka em alguma foto vai para a secao dentro da foto escolhida

tem como essas fotos ficarem girando aleatoriamente e que quando alguém clickar nela va corretamente para a secao que foi clickada?

mais claro

123

456

789

os nuemros são fotos

e quando alguém entre no site mostre primeiro a foto 8 no lugar da 1

a 5 no lugar da 3

e tudo se embaralhando

ou seja..não ter foto parada ou fixa no site

desculpe ser tão detalhado assim e que sou leigo na parte web, estou comecando agora

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

O codigo abaixo não é exatamente o que você precisa, eu usava pra algo semelhante, creio que te de uma luz...

<body onLoad="troca()">

<script language="JavaScript">
<!--
var imagens = new Array();
imagens[0] = new Image();
imagens[0].src="img/1.gif";

imagens[1] = new Image();
imagens[1].src="img/2.gif";

imagens[2] = new Image();
imagens[2].src="img/3.gif";

imagens[3] = new Image();
imagens[3].src="img/4.gif";

imagens[4] = new Image();
imagens[4].src="img/5.gif";

imagens[5] = new Image();
imagens[5].src="img/6.gif";

imagens[6] = new Image();
imagens[6].src="img/7.gif";

imagens[7] = new Image();
imagens[7].src="img/8.gif";

imagens[8] = new Image();
imagens[8].src="img/9.gif";



var tempo;
var pg = 0;

function troca()
{
window.document.imagem.src=imagens[pg].src;
pg++
if(pg >=imagens.length)
{pg=0;}
tempo = setTimeout("troca();",1200);}

-->
</script>
    <a href=""
onmouseout="clearTimeout(tempo);troca();"
onmouseover="clearTimeout(tempo);return false;"> <img name="imagem" 

src="img/5.gif" border=0 width="217" height="178"></a>

Abraços

Link para o comentário
Compartilhar em outros sites

  • 0

o amigo

legal valeu

deixa eu ver se peguei

eu coloco este codigo dentro

onde esta

imagens[1] = new Image();

imagens[1].src="img/2.gif";

eu coloco no lugar de img/2.gif

o nome da foto?

tipo

imagens[1].src="claudia.jpg";

?

Link para o comentário
Compartilhar em outros sites

  • 0

vixi cara acho que não

pois se a foto ficar girando e uma coisa

mais onde a foto estiver e alguém clickar nela

tem que abrir o link para aquela foto e neste codigo não mostra nada de link da foto

seria algo do tipo

a foto girando e claudia.jpg

e independente de onde ela estivesse teria que ter tambem o claudia.html

ta dando pra entender??

eu tenho uma amostra de um amigo que fez algo legal

mais não entendi nada

e algo como banner randomico

so que ta muito complexo

Link para o comentário
Compartilhar em outros sites

  • 0

opa amigo

da uma olhada!!

++

<!-- saved from url=(0022)http://internet.e-mail -->

<html>

<head>

<script LANGUAGE="javascript">

<!--

function banner(imgSource,url,alt,chance) {

this.imgSource = imgSource;

this.url = url;

this.alt = alt;

this.chance = chance;

}

banners = new Array();

banners[0] = new banner("figura1.jpg",

"dica_21_preview.htm",

"Banner 1",

10);

banners[1] = new banner("figura2.jpg",

"dica_22_preview.htm",

"Banner 2",

10);

banners[2] = new banner("figura3.jpg",

"dica_23_preview.htm",

"Banner 3",

10);

banners[3] = new banner("figura4.jpg",

"dica_24_preview.htm",

"Banner 4",

10);

banners[4] = new banner("figura5.jpg",

"dica_25_preview.htm",

"Banner 5",

10);

sum_of_all_chances = 0;

for (i = 0; i < banners.length; i++) {

sum_of_all_chances += banners.chance;

}

function randomBanner() {

chance_limit = 0;

verdade = true;

inicio = 1;

randomly_selected_chance = Math.round((sum_of_all_chances - 1) * Math.random()) + 1;

for (i = 0; i < banners.length; i++) {

  chance_limit += banners.chance;

  if (randomly_selected_chance <= chance_limit) {

  document.write("<A HREF=" + banners.url + "><IMG SRC='" + banners.imgSource + "' WIDTH=210 HEIGHT=305 BORDER=0 ALT='" + banners.alt + "'></A>");

  if (verdade){

    inicio = i;

    verdade = false;

  }

  }

}

for (i = 0; i < inicio ; i++){

  document.write("<A HREF=" + banners.url + "><IMG SRC='" + banners.imgSource + "' WIDTH=210 HEIGHT=305 BORDER=0 ALT='" + banners.alt + "'></A>");

}

}

// End -->

</SCRIPT>

</HEAD>

<BODY>

<script LANGUAGE="JavaScript">

<!--

this_banner = randomBanner();

-->

</SCRIPT>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

  • 0

eu preciso colocar isto dentro do meu site

mais nem sei por onde comecar

uma vez deixei ele refazer a capa do meu site

mais oque aconteceu..

quando eu abria o site ( pelo frontpage )

não mostrava nada no site

ficava so linhas e colunas e tava impossivel de fazer manutencao..

preciso colocar isto dentro do site, mais de uma forma que quando eu abra para alterar algo foto etc..possa pelo menos ver ne

smile.gif

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...