Avatar billede sharket Nybegynder
02. august 2004 - 03:15 Der er 7 kommentarer og
1 løsning

Mouseover effekt

Hvad er det nu koden til en simpel mouseover effekt, hvor når man holder musen over billed1 kommer billede2 frem...

På forhånd tak!;)
Avatar billede roenving Novice
02. august 2004 - 03:19 #1
<img src="billed1" onmouseover="this.src='billed2'" onmouseout="this.src='billed1'">
Avatar billede sharket Nybegynder
02. august 2004 - 03:32 #2
Hvordan sætter jeg den ind i den her kode?
<img src="billede1.gif" width="330" height="117" alt=""></td>
Avatar billede roenving Novice
02. august 2004 - 04:04 #3
<img src="billede1.gif" width="330" height="117" alt="" onmouseover="this.src='billede2.gif'" onmouseout="this.src='billede1.gif'">
Avatar billede sharket Nybegynder
02. august 2004 - 04:09 #4
Hele min HTML kode ser sådan her ud:
<html>
<head>
<title>artologo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (artologo.psd) -->
<table id="Table_01" width="624" height="262" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="images/artologo_01.gif" width="624" height="42" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/artologo_02.gif" width="144" height="220" alt=""></td>
        <td>
            <img src="images/artologo_03.gif" width="330" height="117" alt=""></td>
        <td rowspan="2">
            <img src="images/artologo_04.gif" width="150" height="220" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/artologo_05.gif" width="330" height="103" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


Det ville være fedt hvis der var en der ville sætte en ind i den her kode, og det er artologo_03 der skal skifte!
Avatar billede roenving Novice
02. august 2004 - 04:23 #5
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>artologo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (artologo.psd) -->
<table id="Table_01" width="624" height="262" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="images/artologo_01.gif" width="624" height="42" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/artologo_02.gif" width="144" height="220" alt=""></td>
        <td>
            <img src="images/artologo_03.gif" width="330" height="117" alt="" onmouseover="this.src='images/artologo_03a.gif'" onmouseout="this.src='images/artologo_03.gif'"></td>
        <td rowspan="2">
            <img src="images/artologo_04.gif" width="150" height="220" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/artologo_05.gif" width="330" height="103" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Avatar billede sharket Nybegynder
02. august 2004 - 13:32 #6
Tak... nu virker det!
Avatar billede roenving Novice
02. august 2004 - 15:18 #7
Velbekomme '-)
Avatar billede roenving Novice
07. september 2004 - 02:17 #8
-- og tak for point ;~}
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