Avatar billede elvis123 Nybegynder
13. oktober 2002 - 18:37 Der er 6 kommentarer og
2 løsninger

Billed problemer

Hej
Hvordan får jeg en propel i et billed til at dreje rundt når jeg holder musen over den???
Avatar billede jakoba Nybegynder
13. oktober 2002 - 18:46 #1
du kan lave det med et slideshow script. men hvor overkommeligt der er afhænger af billedets størrelse, og af hvormange billeder der skal til for at give indtryk ag en glidende rotation.

Kan du give noget mere information om opgaven.

mvh JakobA
Avatar billede elvis123 Nybegynder
13. oktober 2002 - 19:52 #2
du kan se billedet på hjemmesiden http://www.rude.frip.dk
Avatar billede jakoba Nybegynder
13. oktober 2002 - 20:50 #3
her er en lille demos af et scriopt der gør det.
http://hjem.get2net.dk/Jakob.Aggernaes/temp/propeller/exp269701.html

selve scriptet er ret nemt. det store arbejde er at lave de "drejet lidt mere hver gang" billeder scriptet skal bruge.

mvh JakobA
Avatar billede 1409 Praktikant
14. oktober 2002 - 14:32 #4
en anden mulighed er et forholdvis simpelt "image swap" mellem et statisk billede (propeller.gif) og en gif-animation (propellermove.gif):

HEAD-området:

<SCRIPT LANGUAGE="javascript">
<!--
if (document.images) {

var foto1 = new Image();
foto1.src = "propeller.gif";

var foto2 = new Image();
foto2.src = "propellermove.gif";
}

function Over(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "2.src");
}

function Out(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "1.src");
}
function Klik(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "2.src");
}

function Op(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "2.src");
}
// -->
</SCRIPT>

BODY-området:

<A HREF="java script:Over()" ONCLICK="return false" TARGET="_self" ONMOUSEOVER="Over('foto');" ONMOUSEOUT="Out('propl');" ONMOUSEDOWN="Klik('propl');" ONMOUSEUP="Op('propl');"><IMG SRC="propeller.gif" HEIGHT=150 WIDTH=160 BORDER=0 NAME="propl" ALT="Propeller"></A>

Og så er det jo muligt at lave det i Flash, hvilket ville give den fordel, at siden ville "veje" mindre.
Avatar billede elvis123 Nybegynder
14. oktober 2002 - 20:55 #5
hmm hvorda
Avatar billede elvis123 Nybegynder
14. oktober 2002 - 20:56 #6
upz Hvordan sætter jeg dette "image swap" mellem et statisk billede og en gif-animation op??
Avatar billede 1409 Praktikant
14. oktober 2002 - 22:14 #7
Faktisk sådan som jeg har skrevet.
Det statiske billede (altså det, hvor propellerne ikke bevæger sig) vil så være "propeller.gif"
Det andet billede (altså gif-animationen, hvor propellerne drejer) vil så være "propellermove.gif".

Når musen ikke er over billedet, vises "propeller.gif" (det statiske billede).
Når musen er over billedet og hvis brugeren klikkker på det, vises "propellermove.gif" (animationen).

Det eneste problem er selvfølgelig, at du skal lave en passende gif-animation
Avatar billede elvis123 Nybegynder
16. oktober 2002 - 10:54 #8
Well nu har jeg fået det til at due (langt om længe)...
Tak for hjælpen
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