Søg
Avatar billede front Nybegynder
22. marts 2001 - 16:03 Der er 12 kommentarer og
1 løsning

Billedskift v. mouseroll over

Normalt benytter jeg frontpage til at lave hjemmeside, men har erfaret at mange ikke kan se hoverbuttons. Hjælp med at lave noget tilsvarende i ren html, så alle har en mulighed for at se hvad der sker.
Jeg vil gerne have det sådan, at et billed skifter til et andet v. mouse rollover. Ikke noget med at anbefaler funktioner i frontpage, da det ikke virker (i alle browsere), men opgive venligst et enkelt brugbart script.
Avatar billede tommyf Nybegynder
22. marts 2001 - 16:06 #1
http://www.eksperten.dk/list.phtml?q=skift%20billede
Der er 10+ spørgsmål om det samme, så jeg vælger ikke at kopiere deres svar, blot henvise til dem, der er 3-4 forskellige løsninger i hvert spørgsmål.
Avatar billede nute Nybegynder
22. marts 2001 - 16:10 #2
<img src=\"etbilde.gif\" onMouseOver=\"this.src = \'etannetbilde.gif\';\" onMouseOut=\"this.src = \'etbilde.gif\';\">

/nute
Avatar billede realone Nybegynder
22. marts 2001 - 16:13 #3
I <head>-tagget:

<script language=\"JavaScript\">
<!--
if (document.images) {

  img1on = new Image();
  img1on.src = \"din_mappe/dit-billede.jpg\";
  img1off = new Image();
  img1off.src = \"din_mappe/dit-billede2.jpg\";

  img2on = new Image();
  img2on.src = \"din_mappe/dit-billede.jpg\";
  img2off = new Image();
  img2off.src = \"din_mappe/dit-billede2.jpg\";

}

function swapImg() {
  if (document.Img) {
    for (var i=0; i<swapImg.arguments.length; i+=2) {
    document[swapImg.arguments[i]].src = eval(swapImg.arguments[i+1] + \".src\");
    }
  }
}

// -->
</script>

Og i body-tagget:

<a href=\"\" onMouseOver=\"swapImg(\'img1\', \'img1on\')\" onMouseOut=\"swapImg(\'img1\', \'img1off\')\"><img name=\"img1\" src=\"din_mappe/dit-billede2.jpg\" border=0></a>

<a href=\"\" onMouseOver=\"swapImg(\'img2\', \'img2on\')\" onMouseOut=\"swapImg(\'img2\', \'img2off\')\"><img name=\"img2\" src=\"din_mappe/dit-billede2.jpg\" border=0></a>



Skift linkene, billedstierne osv ud, så skulle den være der...    :-)

</RealOne>
Avatar billede realone Nybegynder
22. marts 2001 - 16:14 #4
<body>-tagget even :)
Avatar billede front Nybegynder
22. marts 2001 - 16:16 #5
Jeg kan udelukkende finde svar hvor der er brugt java, som jeg netop ikke ønsker at bruge. Kan det ikke lade sig gøre at undvære dette ???
Avatar billede realone Nybegynder
22. marts 2001 - 16:17 #6
front --- Der er der ikke brugt java i mit svar.....Og JavaScript kommer du ikke uden om!!

</RealOne>
Avatar billede nute Nybegynder
22. marts 2001 - 16:18 #7
du kan ikke løse dette med kun html...
Avatar billede nute Nybegynder
22. marts 2001 - 16:19 #8
realone >> litt overkill kode det der ?!
Avatar billede realone Nybegynder
22. marts 2001 - 16:20 #9
nute --- Can\'t help it, I like the big ones.. *LoL*.. Den eneste kode, jeg havde lige ved hånden...  :)
</RealOne>
Avatar billede tommyf Nybegynder
22. marts 2001 - 17:01 #10
Her kan du lave en bare ved at udfylde en form:
http://www.eyeball-design.com/page04.htm
Avatar billede nute Nybegynder
22. marts 2001 - 17:05 #11
dere kommer med noen relativt store svar på et enkelt spørsmål...er ikke dette nok for en hover funksjon ???

<img src=\"etbilde.gif\" onMouseOver=\"this.src = \'etannetbilde.gif\';\" onMouseOut=\"this.src = \'etbilde.gif\';\">

hvor du bytter ut etbilde.gif og etannetbilde.gif med to \"ekte\" bilder...

/nute
Avatar billede realone Nybegynder
22. marts 2001 - 17:07 #12
http://www.builder.dk/builders/mouseoverbuilder.asp

-- Også her :-)
</RealOne>
Avatar billede jakoba Nybegynder
22. marts 2001 - 20:26 #13
i head:

<script language=\'javascript\'> <!--

var pic1 = new Image();
pic1.src = \"dit_billed_on.gif\"      // preloader billedet
pic1.srcoff = dit_billed_off.gif\"    // husker off-billedets navn

function flipOn ( iobj, invn ) {  // viser on billede
  document.images[invn].src = iobj.src;
};
function flipOff ( iobj, invn ) {
  document.images[invn].src = iobj.srcoff;
};

// --> </script>

i body, ved dine links:

<a href=\"din_destination.html\" 
    onmouseover=\'flipOn( pic1, \"imgNavn1\" );\'
    onmouseout=\'flipOff( pic1, \"imgNavn1\" );\'><img name=\"imgNavn1\" src=\'dit_billed_off.gif\'></a>

Hvis der skal være 2 billeder der kan flippe laver du en pic2 til at huske on og of billedets navne og en <img kommando med  name=\"imgNavn2\" , osv.

Ja der bruges javascript. Man kan ikke flippe billeder uden. Dette script virker fra NS3 og op og fra IE4 og op.

mvh JakobA
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 20:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
I dag 18:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
11/0518:27 Mærkeligt ikon på proceslinjen Af ErikHg i Windows
11/0513:54 Jeg skal have indstaleret Garmin express Af skolevej321 i Andet software
White papers
Flere white papers »