Avatar billede jr40 Nybegynder
29. marts 2003 - 17:43 Der er 11 kommentarer og
1 løsning

Billed mouseover script!

Hejsa

Jeg søger et billed mouseover script, altså man føre musen hen over et billed også bliver der vist et andet billed samme sted.

håber i forstår hva jeg mener
Avatar billede zexpy Nybegynder
29. marts 2003 - 17:46 #1
Det kan du vel bare lave som en knap altså det første billede... og så hvor man bare skal køre musen henover så henviser knappen til et nyt billede samme sted?
Avatar billede spunk13 Nybegynder
29. marts 2003 - 17:47 #2
Avatar billede jr40 Nybegynder
29. marts 2003 - 17:48 #3
ja jeg har f.eks. 2knapper den ene er med skygge og det er den anden ik!
når man føre musen hen over vil skyggen så komme frem, uknow
Avatar billede mathiash Nybegynder
29. marts 2003 - 17:48 #4
Avatar billede zexpy Nybegynder
29. marts 2003 - 17:49 #5
læs linket står det hele :)
Avatar billede knudgert Nybegynder
29. marts 2003 - 18:15 #6
<head>
<script type="text/javascript">
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
</script>
</head>
<body>
<a href="link.htm"
onMouseOver="document.mit_billede1.src='2.jpg';"
onMouseOut="document.mit_billede1.src='1.jpg';"
<img src="1.jpg" name="mit_billede1" border="0" width="100" height="100" alt="Linktekst" title="Linktekst"></a>
Avatar billede jr40 Nybegynder
29. marts 2003 - 22:45 #7
Hjælp!! ka i se hvorfor mine knapper ik dur nu.


Sådan her ser help ud nu:
<!-- Start

billede1 = new Image();
billede1.src = "forside.gif";

billede2 = new Image();
billede2.src = "forside1.gif";

billede3 = new Image();
billede3.src = "hvem.gif";

billede4 = new Image();
billede4.src = "hvem1.gif";

billede5 = new Image();
billede5.src = "udstyr.gif";

billede6 = new Image();
billede6.src = "udstyr1.gif";

billede7 = new Image();
billede7.src = "billeder.gif";

billede8 = new Image();
billede8.src = "billeder1.gif";

billede9 = new Image();
billede9.src = "hvorfor_dj.gif";

billede10 = new Image();
billede10.src = "hvorfor_dj1.gif";

billede9 = new Image();
billede9.src = "kontakt.gif";

billede10 = new Image();
billede10.src = "kontakt1.gif";

billede9 = new Image();
billede9.src = "priser.gif";

billede10 = new Image();
billede10.src = "priser1.gif";

billede9 = new Image();
billede9.src = "nyheder.gif";

billede10 = new Image();
billede10.src = "nyheder1.gif";

billede9 = new Image();
billede9.src = "photoservice.gif";

billede10 = new Image();
billede10.src = "photoservice1.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>

og sådan her ser mine knapper ud:
<table width="243" border="0" cellspacing="2" cellpadding="0">
                        <tr>
                            <td>
                                <div align="center">
                                    <a href="#" onmouseover="skiftbillede('eksempel','forside.gif')" onmouseout="skiftbillede('eksempel','forside1.gif')"><img name="eksempel2" src="forside1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe3','hvem.gif')" onMouseOut="skiftbillede('eksempe3','hvem1.gif')"><img name="eksempe5" src="hvem1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe4','udstyr.gif')" onMouseOut="skiftbillede('eksempe4','udstyr1.gif')"><img name="eksempe7" src="udstyr1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe16','billeder.gif')" onMouseOut="skiftbillede('eksempe16','billeder1.gif')"><img name="eksempe17" src="billeder1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe6','hvorfor_dj.gif')" onMouseOut="skiftbillede('eksempe6','hvorfor_dj1.gif')"><img name="eksempe9" src="hvorfor_dj1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe8','kontakt.gif')" onMouseOut="skiftbillede('eksempe8','kontakt1.gif')"><img name="eksempe11" src="kontakt1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe10','priser.gif')" onMouseOut="skiftbillede('eksempe10','priser1.gif')"><img name="eksempe13" src="priser1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe12','nyheder.gif')" onMouseOut="skiftbillede('eksempe12','nyheder1.gif')"><img name="eksempe15" src="nyheder1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                        <tr>
                            <td align="center"><a href="#" onMouseOver="skiftbillede('eksempe14','photoservice.gif')" onMouseOut="skiftbillede('eksempe14','photoservice1.gif')"><img name="eksempe18" src="photoservice1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a></td>
                        </tr>
                    </table>
Avatar billede jr40 Nybegynder
29. marts 2003 - 22:45 #8
Sådan her ser help ud nu:
<!-- Start

====
Sådan her ser head ud nu:
<!-- Start
Avatar billede noobie Nybegynder
18. april 2003 - 20:19 #9
Skal det se sådan ud ???
Man kan let lave det i DHTML eller andet...
Javascript... Er det noget bestemt ???
Avatar billede noobie Nybegynder
18. april 2003 - 20:19 #10
Hvis det er i Javascript eller DHTML så sig til !!!
Avatar billede jr40 Nybegynder
19. april 2003 - 08:01 #11
har fået det til af du
Avatar billede jr40 Nybegynder
19. april 2003 - 08:01 #12
ellers 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
Kurser inden for grundlæggende programmering

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