Avatar billede jochke Nybegynder
18. marts 2004 - 18:52 Der er 5 kommentarer og
1 løsning

Tekst link med billed.

Hejsa.

Jeg vil gerne have at når man føre musen over et tekst link skal der komme en lille pil(billed) til venstre for linket. Jeg har famlet lidt med det og er kommet frem til dette.

<a href="#" style="font-family:'Trebuchet MS';font-size:12;font:bold;"><img border="0" style="filter:alpha(opacity=0)" onMouseover="this.filters.alpha.opacity=100" onMouseout="this.filters.alpha.opacity=0" src="../pil.gif"> Produkter</a>

Desværre er det kun når man føre musen over selve billedet.

Anyone?
Avatar billede ullidk Nybegynder
18. marts 2004 - 19:25 #1
Smid dette i HEAD delen:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var description = new Array();
description[0] = "";
description[1] = "<b><font size='1'>Tekst 1</font></b>";
description[2] = "<b><font size='1'>Tekst 2</font></b>";
//  End -->
</script>

og dette i BODY-delen:(som eksempel)

<table>
<tr>
<td>
<a onMouseOver="Words.innerHTML = description[1];" href="etellerandetlink.html" onMouseOut="Words.innerHTML = description[0];">
<img src="ditbillede.jpg" border="0"></a>
</td>
<td>
<a id="Words">
</td>
</tr>
</table>

Denne løsning gør godt nok det omvendte af hvad du beder om (den viser en tekst når du holder musen henover et billede) men jeg tror det er nogenlunde ligetil at bytte om på de to ting...prøv at rod med det og sig til hvis du får probs:-)

/Ulli
Avatar billede ullidk Nybegynder
18. marts 2004 - 19:27 #2
F.eks. sådan her:
description[1] = "<img src='test.gif'>";

og så

<a onMouseOver="Words.innerHTML = description[1];" href="etellerandetlink.html" onMouseOut="Words.innerHTML = description[0];">
Test</a>
Avatar billede grunken Nybegynder
18. marts 2004 - 19:40 #3
ullidk alt for besværligt i forhold til hvad der egentligt skal udføres :o)

<img src="pil.gif" name="pic" style="visibility:hidden;"><a href="#" onmouseover="document.images['pic'].style.visibility='visible';" onmouseout="document.images['pic'].style.visibility='hidden';">Link</a>
Avatar billede jochke Nybegynder
19. marts 2004 - 09:04 #4
Det bliver nok grunkens forslag der vinder. Så hvis du vil være så venlig at give et svar, så du kan få lidt point til samlingen. :)
Avatar billede ullidk Nybegynder
19. marts 2004 - 09:07 #5
grunken >> Hvorfor kommer du altid med de fede løsninger?:-)
Avatar billede grunken Nybegynder
19. marts 2004 - 14:35 #6
svar smidt kejs :o)

ullidk >> det gør jeg bestemt heller ikke, du skulle bare se nogle af de spørgsmål jeg har deltaget i :o)
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