Avatar billede da9el Nybegynder
11. oktober 2004 - 22:52 Der er 13 kommentarer og
2 løsninger

Overmouse link

Hej jeg er i gang med at lave en menu hvor alle linkene først skal være normalt et billede, og når man så føre musen over et link skulle billedet gerne skifte til en anmation. Skiftet skal selvfølgelig være sådan så man ikke lægger mærke til det skifter.

Jeg har slet ikke lavet noget med overmouse før, og håber jeg har lagt det under det rigtige emne :\ Nogle der har noget koden jeg kan bruge ?
Avatar billede roenving Novice
11. oktober 2004 - 23:14 #1
Hvad er dine animationer ?-)

Hvis det bare er progressive giffer, er det simpelt nok at:

<img src="statisk.gif" onmouseover="this.src='progressiv.gif'" onmouseout="this.src='statisk.gif'" onclick="location.href='ditLink'">
Avatar billede jannikmunk Nybegynder
11. oktober 2004 - 23:32 #2
Hej da9el,

Denne kode stump skifter billedet "x00138m.jpg" ud med "x00138am.jpg" når du holder musen over billedet (ikke noget med at klikke, bare holder musen henover).

<html>

<SCRIPT LANGUAGE="JavaScript">
<!--
var browserok = false;
if( parseInt( navigator.appVersion ) >= 3 && navigator.appName == "Netscape") { browserok = true; }
if( parseInt( navigator.appVersion ) >= 4 && navigator.appName == "Microsoft Internet Explorer") { browserok = true; }
function vs_ein(nam,bild,besch) {if (browserok) {document.images[nam].src = bild; window.status=besch;}}
function vs_aus(nam,bild) {if (browserok) {document.images[nam].src = bild; window.status='';}}
function vs_chbld(nam,bild,fra) {parent.frames[fra].document.images[nam].src = bild;}
function vs_bgf(f) {window.document.bgColor=(f);}
function vs_txf(f) {window.document.fgColor=(f);}
function vs_lf(f) {window.document.linkColor=(f);}
function vs_alf(f) {window.document.alinkColor=(f);}
function vs_vlf(f) {window.document.vlinkColor=(f);}
function vs_sttx(f) {window.status=(f);}
function vs_openbr(openbrse, openbrna, openbrop) {window.open(openbrse, openbrna, openbrop )}
function vs_multilink(URL1,F1,OP1,URL2,F2,OP2,URL3,F3,OP3)
    {URL=new Array(); F=new Array(); OP=new Array(); URL[1] = URL1; URL[2] = URL2; URL[3] = URL3; F[1] = F1; F[2] = F2; F[3] = F3; OP[1] = OP1; OP[2] = OP2; OP[3] = OP3;
    for(i=1;i<=3;i++){if(URL[i] != "") {
        if(F[i] == "_blank") {window.open(URL[i])}
        else{ if(F[i] == "_self") {location.href=URL[i];}
            else{ if(F[i] == "_top") {top.location.href=URL[i];}   
            else{ if(OP[i] != "") {vs_openbr(URL[i], F[i], OP[i])}
                else{ parent.frames[F[i]].location.href=URL[i];}}}}}}}
function vs_sound(vs_start_stop,_sndObj) {
var sndObj = eval( _sndObj );
if(sndObj != null){
if(vs_start_stop=='stop'){sndObj.stop();}
else {
if (navigator.appName == 'Netscape' ) {sndObj.play();}
else {
if (document.MM_WMP_DETECTED == null) {
document.MM_WMP_DETECTED = false;
var i;
for( i in sndObj )if ( i == "ActiveMovie" ){
document.MM_WMP_DETECTED = true; break;}
}
if (document.MM_WMP_DETECTED)
sndObj.play();
else if ( sndObj.FileName )
sndObj.run();}}}}
//-->
</SCRIPT>

<script LANGUAGE="JavaScript">
  var vs_img1 = new Image; vs_img1.src = "xx00138am.jpg";
</script>

</head>

<body>
   
<center>
      <h3>
        TEST<br>
        <br>
      </h3>

<A HREF="#Anker1index" onMouseOver="vs_ein('b225', 'x00138am.jpg',' '); return true;" onMouseOut="vs_aus('b225','x00138m.jpg');">
<IMG SRC="x00138m.jpg" BORDER=0 WIDTH=220 HEIGHT=350 LOWSRC="x00138am.jpg" NAME="b225">
</A>

</center>
</body>

</html>

Hvis du har en mail adresse kan jeg maile mit lille test eksempel.

Venlig hilsen
Jannik Munk
Avatar billede roenving Novice
11. oktober 2004 - 23:35 #3
Hvilket min en-linjes-kode også gør ...
Avatar billede da9el Nybegynder
11. oktober 2004 - 23:35 #4
hmm.. Kigger lige på det! hvad er progressive giffer?

Daniel
Avatar billede da9el Nybegynder
11. oktober 2004 - 23:36 #5
min e-mail er: xenoc@tunenet.dk
Avatar billede roenving Novice
11. oktober 2004 - 23:39 #6
En progressiv gif en en animation lavet i gif-format, mest brugt til at tone en givet billede ind, eller til at loade et groft billede først og senere et bedre billede, men som sagt kan den sagtens indeholde en animation !-)
Avatar billede roenving Novice
11. oktober 2004 - 23:40 #7
Kig f.eks. på de animerede emoticons du kan få til de toneangivende mail- og chat-steder, de er alle lavet som progressive giffer !-)
Avatar billede jannikmunk Nybegynder
11. oktober 2004 - 23:44 #8
Jeg har sendt 2 løsninger på mial til dig (den korte og den lange).
Avatar billede roenving Novice
11. oktober 2004 - 23:50 #9
Forøvrigt er koden jo også dybt forældet, da den kun accepterer browsere, som selv identificerer sig som IE eller Netscape, hvad med alle de andre browsere, som uden problemer understøtter dette ?-)

-- en tysk fremstillet kode, som ikke er lavet senere end 1999 eller senest starten af 2000 kan du nok ikke have megen glæde af i 2004 og fremover ...
Avatar billede da9el Nybegynder
13. oktober 2004 - 17:52 #10
Jeg har valgt at bruge den korte løsning, men fordi jannikmunk gad og sende mig de 2 prøver(det hjalp mig meget) smækker jeg 30 point oveni og giver 30 til jer vær :)

Mange tak for hjælpen. Smider du lige et svar roenving?

Daniel
Avatar billede roenving Novice
13. oktober 2004 - 17:53 #11
Oki '-)
Avatar billede roenving Novice
13. oktober 2004 - 17:57 #12
-- og tak for point ;~}
Avatar billede da9el Nybegynder
13. oktober 2004 - 17:58 #13
Det mig der takker :)
Avatar billede jannikmunk Nybegynder
13. oktober 2004 - 22:05 #14
Tak for point og held og lykke med projektet.
Avatar billede da9el Nybegynder
13. oktober 2004 - 22:06 #15
Tak!! :)
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