Søg
Avatar billede pesa Nybegynder
14. februar 2005 - 23:00 Der er 10 kommentarer og
1 løsning

Mouseover med billeder

Hej Eksperter

Jeg vil gerne bede om Jeres hjælp til mouseover:

Jeg ønsker at når jeg fører musen over et billedelink i en celle A skal der vises et andet billede i en celle B. Når jeg fører musen over et andet billedlink C skal der vises et dertilhørende billede i cellen B.

Giver det nogen mening???

Billedet i cellen B skal kun vises når musen holdes over billedlinket.

Det er vigtigt at det kommer til at fungere i så mange browsere som muligt.

På forhånd tak!
/pesa
Avatar billede roenving Novice
14. februar 2005 - 23:04 #1
<img ... onmouseover="document.getElementById('celleB_billede').src='nogetAndet'"> ?-)
Avatar billede pesa Nybegynder
14. februar 2005 - 23:09 #2
Øhh ... måske!

Kan du ikke lige uddybe bare lidt for en nybegynder som mig???
Avatar billede olebole Juniormester
14. februar 2005 - 23:19 #3
<ole>

Skriv dette i din <head></head>:

<script type="text/JavaScript">
function swap(id, imSrc) {
    document.getElementById(id).src = imSrc;
}
</script>

- så kan dine billeder se sådan ud:

<img id="hest" src="bla.gif">
<img src="noget.gif" onmouseover="swap('hest', 'bla2.gif')" onmouseout="swap('hest', 'bla.gif')">
<img src="noget.gif" onmouseover="swap('hest', 'bla3.gif')" onmouseout="swap('hest', 'bla.gif')">

Prøv at kopiere det ind i en fil, så du kan se, hvad der sker. Så kan du helt sikkert selv sætte det ind på din side.

/mvh
</bole>
Avatar billede Slettet bruger
14. februar 2005 - 23:31 #4
Eller denne model ?

<!DOCTYPE HTML PUBLIC "demo">
<HTML>
<HEAD>
    <TITLE>demo</TITLE>
<meta name="Generator" content="Stone's WebWriter 4">
</HEAD>
<body bgcolor="#C0C0C0" text="#000000" link="#0000FF" vlink="#660066" alink="#FF0000">


<script>
function main(image)
{
var  x = document.getElementById("mainimage");
x.src = image;
}
</script>
<table width="100%" border="1" bgcolor="#f0f0f0" cellpadding="3">
<TR>
    <td> Flyt musen p&aring; minibilled for fotogalleri</TD>
</TR>
</TABLE>
     
      <TABLE HEIGHT="200" BORDER="0" ALIGN="center" CELLSPACING="8" CELLPADDING="0">
        <tr>
          <td width="100%" colspan="3" align="center" valign="top">
          <img id="mainimage" src="Troika.JPG" border="0" width="250"/></td>
        </tr>
        <tr>
          <td width="33%" align="center" valign="top">
          <img src="Troika.JPG" alt="" border="0" onmouseover="main('Troika.JPG')" width="68" height="51" /></td>
          <td width="33%" align="center" valign="top">
          <img src="003.JPG" alt="" border="0" onmouseover="main('003.JPG')" width="68" height="51" /></td>
          <td width="34%" align="center" valign="top">
          <img src="004.JPG" alt="" border="0" onmouseover="main('004.JPG')" width="68" height="51" /></td>
        </tr>
        <tr>
          <td width="33%" align="center" valign="top">
          <img src="005.JPG" alt="" border="0" onmouseover="main('005.JPG')" width="68" height="51" /></td>
          <td width="33%" align="center" valign="top">
          <img src="006.JPG" alt="" border="0" onmouseover="main('006.JPG')" width="68" height="51" /></td>
          <td width="34%" align="center" valign="top">
          <img src="007.JPG" alt="" border="0" onmouseover="main('007.JPG')" width="68" height="51" /></td>
        </tr>
        </table>
        <TABLE HEIGHT="200" BORDER="2" ALIGN="center" CELLSPACING="0" CELLPADDING="0">
    <tr>
   
</BODY>
</TABLE>
</HTML>
Avatar billede pesa Nybegynder
14. februar 2005 - 23:31 #5
Fantastisk.

Det gav mening. Det var vel nok egentlig også det du skrev roenving??? Kan I ikke lige smide to svar så jeg kan give Jer nogle point?

... og der er ingen browsere der ikke kan finde ud af at vise det korrekt?
Avatar billede pesa Nybegynder
14. februar 2005 - 23:33 #6
ibtage >>> Det er vel i bund og grund det samme som olebole?
Avatar billede olebole Juniormester
14. februar 2005 - 23:45 #7
Vi har begge uddybet roenvings ... blot med en anelse anden 'make-up'  :)
Avatar billede pesa Nybegynder
14. februar 2005 - 23:49 #8
Jeps. Se venter jeg bare på et svar fra roenving. :)
Avatar billede roenving Novice
15. februar 2005 - 00:12 #9
-- og hvis man virkelig gør, som ibtage skitserer (altså bruger helt det samme billede til både thumbnails og visning !-) kan man gøre det en hel del nemmere at skrive:

          <td width="33%" align="center" valign="top">
          <img src="005.JPG" alt="" border="0" onmouseover="main(this.src)" width="68" height="51" /></td>

-- for så kan samme onmouseover bare pastes ind i samtlige img-tags, eller man kan bare kopiere første udgave og kun ændre i src-attributten inklusive td osv. !-)

-- og tak for jeres uddybninger, jeg blev lige fanget af et par stykker brød og en diskussion om tabeller !-)

Velbekomme, pesa '-)
Avatar billede roenving Novice
15. februar 2005 - 00:28 #10
-- og tak for point ;~}
Avatar billede olebole Juniormester
15. februar 2005 - 01:08 #11
... hvem gider dog diskutere tabeller?  0:)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »