Avatar billede rasta123 Nybegynder
10. august 2003 - 17:42 Der er 2 kommentarer

Udskiftning af et billede ved mouseover i et imagemap!

Hejsa alle..

Jeg har et stort billede, som består af tre store cirkler.. Med et imagemap har jeg fået dem inddelt!:


<IMG style="position:absolute; top:0; left:180;" SRC="mainpicbig.gif"

USEMAP="#mainpicbig" BORDER=0>
<MAP NAME="mainpicbig">
  <AREA SHAPE=CIRCLE COORDS="221,157,56" HREF="testlink1"  ALT="" 

OnMouseOut="window.status=''; return true"  OnMouseOver="">
  <AREA SHAPE=CIRCLE COORDS="221,158,104" HREF="testlink2"  ALT="" 

OnMouseOut="window.status=''; return true" 

OnMouseOver="window.status='to'; return true">
  <AREA SHAPE=CIRCLE COORDS="221,157,156" HREF="testlink3"  ALT="" 

OnMouseOut="window.status=''; return true" 

OnMouseOver="window.status='tre'; return true">
</MAP>

Det jeg gerne vil, er at når man kører henover cirklen, skifter den farve..

Det vil sige, at jeg godt vil have sat et nyt billede ind ovenpå det gamle.. Placering klarer jeg selv med css!..

Det var første problem!.. Som nok er forholdvist nemt at løse.. Det næste er:

Der skal poppe endnu et billede op, som enten skal følge musemarkøren, når man er inde i et felt på billedet, eller blive stående der, hvor musen var, når man går ind i feltet.

På forhånd mange tak
Avatar billede roenving Novice
10. august 2003 - 17:44 #1
Avatar billede roenving Novice
10. august 2003 - 17:48 #2
onmouseover="document.images.billedeNavn.src='denAndenCirkel.gif'"

og så i img-tagget name="billedeNavn":

<IMG name="billedeNavn" style="position:absolute; top:0; left:180;" SRC="mainpicbig.gif" USEMAP="#mainpicbig" BORDER=0>
<MAP NAME="mainpicbig">
  <AREA SHAPE=CIRCLE COORDS="221,157,56" HREF="testlink1"  ALT="" 

OnMouseOut="window.status=''; return true"  OnMouseOver="document.images.billedeNavn.src='denAndenCirkel.gif'">

osv.
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