← Desenvolvimento

Animações em JavaScript

Lida 5276 vezes

Offline

MarKo 
Administrador
Mensagens 4610 Gostos 10
Feedback +1

Troféus totais: 37
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter 10 Polls Poll Starter

Bem "encomendaram-me" um trabalho (fazer um site simples), um aluno da Lusófona, o site já está todo feito acabei agora mesmo, mas falta-me a parte em JavaScript, que eu não entendo nada se alguem me poder ajudar, preciso de codigos em JavaScript para fazer isto:

 :arrow: De cada vez que se carrega a página, a fotografia muda. Deve haver, pelo menos, 3 fotos diferentes. O programa selecciona uma delas aleatoriamente e apresenta-a.

 :arrow: A página deve conter uma animação baseada em imagens, programada em Javascript. Estas imagens trocam entre si automaticamente com uma periodicidade de alguns segundos.

 :arrow: Um botão que muda de cor quando o rato lhe passa por cima;

 :arrow: Um texto ou uma imagem que apenas aparecem na página quando o rato passa por cima de uma hiperligação. Esta técnica pode ser utilizada para apresentar a explicação do site quando se passa com o rato em cima de um thumbnail.

Obrigado!
Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

1. Imagem aleatória quando abres a página

http://www.javascript-page.com

2. mudar a imagem a cada x segundos

http://javascript.internet.com/miscellaneous/image-cycler.html
Offline

Tomahock 
Membro
Mensagens 317 Gostos 0
Troféus totais: 27
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Butão muda de cor:

a colocar entre <head> </head>
Código: [Seleccione]

<script language="JavaScript" type="text/javascript">
<!--
if (document.images) {
    homebuttonup       = new Image();
    homebuttonup.src   = "IMAGEM-ANTES-DE-O-RATO-PASSAR.JPG" ;
    homebuttondown     = new Image() ;
    homebuttondown.src = "IMAGEM-QUANDO-O-RATO-ESTA-EM-CIME.JPG" ;
}
function buttondown( buttonname )
{
    if (document.images) {
      document[ buttonname ].src = eval( buttonname + "down.src" );
    }
}
function buttonup ( buttonname )
{
    if (document.images) {
      document[ buttonname ].src = eval( buttonname + "up.src" );
    }
}
// -->
</script>


E se for um link fica algo do genero:

Código: [Seleccione]

<a href="index.html"
  onmouseover="buttondown('homebutton')"
  onmouseout="buttonup('homebutton')">
<img src="IMAGEM-PRINCIPAL.gif" name="homebutton" border="0" />
</a>
Offline

MarKo 
Administrador
Mensagens 4610 Gostos 10
Feedback +1

Troféus totais: 37
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter 10 Polls Poll Starter

icaro e Tomahock, como diria Luís Felipe Vieira, obrigado a "ambos os dois"!