Notifikationer

Markér alle som læst Log ud

lch Nybegynder

05. november 2002 - 19:10 Der er 7 kommentarer og
1 løsning

indsætte anden grafik ved onmouseover?

Længe siden jeg har været herinde, så jeg håber at jeg er kommet ind i den rigtige kategori...:-)

Har lavet denne menu http://demodnesild.dk/test/index.php og vil så gerne at de nedestående billeder skal erstatte skyggerne når man fører musen hen over. Samtidig skal der være en href når man klikke på billedet.

Min kode for menuen ser foreløbig sådan her ud:

<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr><td height="100"><a href="index.php"><IMG SRC="billeder/logotekst.gif" BORDER="0" alt="Tilbage til forsiden"></a></td></tr>
<tr><td>
<map name="menu">
<area href="intro.php" shape="rect" coords="154, 104, 195, 120">
<area href="mad.php" shape="rect" coords="112, 138, 194, 162">
<area href="kultur.php" shape="rect" coords="81, 185, 192, 204">
<area href="E-Guest_sign.php" shape="rect" coords="96, 221, 165, 242">
<area href="misc.php" shape="rect" coords="51, 258, 125, 278">
<area href="links.php" shape="rect" coords="61, 287, 108, 305">
</map>
<img border="0" src="billeder/menured.gif" usemap="#menu" width="200" height="350"></p>
</p>
</td></tr>
</table>

Nogen der kan hjælpe??

mvh Liz

Synes godt om

lch Nybegynder

05. november 2002 - 19:11 #1

Ups...glemte lige at fjerne det øverste....var nemlig i en forkert kategori først....lidt for hurtig med klippe/klistre metoden...:-)

Synes godt om

Slettet bruger

06. november 2002 - 15:25 #2

Du skal lave noget helt simpelt rollover, som du kan finde utallige steder på nette, og så lave hvert billede gennemsigtigt.

Synes godt om

lch Nybegynder

06. november 2002 - 15:30 #3

k...har brugt så mange timer på dette her i forvejen, så jeg glemmer det.
Tak for at du gad og svare...:-)

Lukker igen.

Synes godt om

websmith Nybegynder

06. november 2002 - 15:38 #4

Det bliver svært, med mindre at du skærer billederne i stykker, så skyggerne også bliver enkelte billeder, og hvis du sørger for at de billeder du vil have til at lægge sig oven på, ikke kan "skygge" for noget af teksten.

Når det er gjort, så findes der utallige scripts som kan gøre det du søger, det kunne fx være lidt ala dette.

<script language="JavaScript">
var images=new Array();
var imgName=new Array();
function preloadImages()
{
for(x=0;x<arguments.length;x++)
{
images[x]=new Image();
images[x].src=arguments[x];
imgName[x]=arguments[x];
}
}
function switchImg(which,to)
{
for(x=0;x<imgName.length;x++)
{
if(imgName[x]==to)
{
document.images[which].src=images[x].src;
}
}

}

</script>

i <BODY> taggen på din side putter du så følgende kode:

onLoad="preloadImages('vivian.gif','susanne.gif','liz.gif','lisbeth.gif')"

På hvert at dine skyggebilleder putter du så følgende kode:
fx på skyggen af vivian
<img name="vivian" src="vivian_skygge.gif" onMouseOver="switchImg(this.name,'vivian.gif');" onMouseOut="switchImg(this.name,'vivian_skygge.gif')">

Det skulle gerne gøre så skyggebillederne blivers skiftet ud med dine "rigtige" billeder når musen kommer hen over, og tilsvarende skiftet ud med skyggen igen, når musen fjernes.

JEg håber det var forståeligt nok.

Synes godt om

lch Nybegynder

06. november 2002 - 16:08 #5

Kan ikke få lov til at komme med en sidste kommentar....grrr

Prøver lige en sidste gang.

Tak for din forklaring websmith, så kan jeg da komme lidt videre....:-)

Synes godt om

lch Nybegynder

06. november 2002 - 16:09 #6

Så lykkedes det!

Når man ikke har forstand på at læse javascripts ordentlig, kan det være svært at vide helt præcist hvad det er man skal lede efter.

Oprettes lige et spm. så du kan få points....:-)

Synes godt om

initializing Nybegynder

06. november 2002 - 16:14 #7

http://www.eksperten.dk/spm/280095 - Da æch ikke selv skriver URL ;)

Synes godt om

lch Nybegynder

06. november 2002 - 16:16 #8

Nej hvor pinligt...glemte det helt....beklager....gg

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS