• 0
Sign in to follow this  
Guest kay jedy

Fazer Imagens Girarem Aleatoriamente

Question

Guest kay jedy

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

Share this post


Link to post
Share on other sites

6 answers to this question

Recommended Posts

  • 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

Share this post


Link to post
Share on other sites
  • 0
Guest Guest

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";

?

Share this post


Link to post
Share on other sites
  • 0
Guest Guest

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

Share this post


Link to post
Share on other sites
  • 0

Não entendi muito bem o que você quis dizer... desculpe...

Quanto ao link tirei do script por motivos tecnicos

Em relação ao codigo do seu amigo, posta ai vemos o que podemos fazer... tongue.gif

Abraços

Share this post


Link to post
Share on other sites
  • 0
Guest Guest

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>

Share this post


Link to post
Share on other sites
  • 0
Guest Guest

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this