Avatar billede copyright Nybegynder
22. august 2004 - 16:58 Der er 10 kommentarer

animation af billedet

Hej

Jeg har fundet en sjov animation af billed og så vil jeg høre om der er nogen her der kan hjælpe mig med at lave scriptet til det?

http://www.bruhn.as/ - Produktion - Digitalt, eks.

og det er de tre billeder helt nederst der bevæger sig når man bevær mussen

På fohånd tak
Avatar billede Slettet bruger
22. august 2004 - 17:06 #1
Det er bare en midelmådig GIF animation lavet i f.eks. Adobe PhotoShop
Avatar billede roenving Novice
22. august 2004 - 20:09 #2
-- har ikke kigget i koden, men umiddelbart ser det ud til, at det er simpelt java script:

-- i et layer hen over billederne (og et lignende under !-):

<div onmouseover="document.images('matias').src='matias_up.gif';document.images('kim').src='kim_up.gif';document.images('david').src='david_up.gif';" style="width:450px;height:3px;"></div>

-- og på billederne:

<img name="matias" src="matias.jpg" onmouseover="this.src='matias.gif';document.images('kim').src='kim_left.gif';document.images('david').src='david_left.gif';">
Avatar billede copyright Nybegynder
22. august 2004 - 20:24 #3
det kan jeg ikke finde ud af, kunne du prøve at forklar med et billed

på forhånd tusind tak
Avatar billede roenving Novice
22. august 2004 - 20:40 #4
<img name="matias" src="matias.jpg" onmouseover="this.src='matias.gif';document.images('kim').src='kim_left.gif';document.images('david').src='david_left.gif';">
<img name="kim" src="kim.gif" onmouseover="this.src='kim.gif';document.images('matias').src='matias_right.gif';document.images('david').src='david_left.gif';">
<img name="david" src="david.gif" onmouseover="this.src='david.gif';document.images('matias').src='matias_right.gif';document.images('kim').src='kim_right.gif';">

-- og så skal du selvfølgelig have de forskellige billeder:

matias.gif, matias_up.gif, matias_left.gif, matias_right.gif og matias_down.gif !-)
Avatar billede copyright Nybegynder
22. august 2004 - 21:21 #5
er du sikker på at det kan lade sig gøre ??? for jeg kan ikke få det til at virke
Avatar billede roenving Novice
22. august 2004 - 21:24 #6
Ovenstående metode virker på enhver browser, som er lavet efter 1995, medmindre man bevidst har fravalgt dhtml (dvs. javascript !-)
Avatar billede copyright Nybegynder
22. august 2004 - 21:26 #7
ok så er jeg ikke særlig god til det, vil du hjælpe med at sætte det sammen fra <html> til <\html> eller skal det hele bare sættes ind i body?
Avatar billede roenving Novice
22. august 2004 - 21:42 #8
?-)

Sætte hvad sammen ?o]
Avatar billede copyright Nybegynder
22. august 2004 - 22:12 #9
jeg kan bare ikke få det til at fungere, lidt mere hjælp vil jeg sætte meget pris på
Avatar billede copyright Nybegynder
28. august 2004 - 21:35 #10
det virker altså ikke


<html>

<head>

<title>Ny side 1</title>

</head>

<body>

<div onmouseover="document.images('matias').src='matias_up.jpg';document.images('kim').src='kim_up.gif';document.images('david').src='david_up.gif';" style="width:450px;height:3px;"></div>
<img name="matias" src="matias.jpg" onmouseover="this.src='matias.gif';document.images('kim').src='kim_left.gif';document.images('david').src='david_left.gif';" width="135" height="219">
<img name="kim" src="kim.jpg" onmouseover="this.src='kim.gif';document.images('matias').src='matias_right.gif';document.images('david').src='david_left.gif';" width="135" height="219">
<img name="david" src="david.jpg" onmouseover="this.src='david.gif';document.images('matias').src='matias_right.gif';document.images('kim').src='kim_right.gif';" width="135" height="219">

</body>

</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester