Søg
Avatar billede llgpublic Nybegynder
14. februar 2004 - 14:27 Der er 13 kommentarer og
1 løsning

Udskift af billede ved klik

På min side har jeg nogle links, hvert link åbner noget indhold i mit iframe. Over dette iframe har jeg et billede "index_10.gif" som tilhøre index siden. Når jeg trykker på Contact åbnes "contact.html" i mit iframe. Jeg kunne godt tænke mig at vide hvordan jeg for skiftet billedet "index_10.gif" ud med "index_contact_10.gif" når jeg f.eks. trykker på linket Contact.

Du kan se min side her, http://www.rockmyworld.dk/home.html

Bemærk, de øverste fire knapper styre iframet.

Billeder som skal loades:

Åbnes ved load af "include/welcome.html" i iframe.
http://www.rockmyworld.dk/images/index_10.gif

Åbnes ved load af "include/about.html" i iframe.
http://www.rockmyworld.dk/images/index_about_10.gif

Åbnes ved load af "include/contact.html" i iframe.
http://www.rockmyworld.dk/images/index_contact_10.gif

Åbnes ved load af "include/links.html" i iframe.
http://www.rockmyworld.dk/images/index_links_10.gif
Avatar billede roenving Novice
14. februar 2004 - 14:31 #1
Tilføjes i dine links (her contact-link !-)
onclick="document.images['billedeNavn'].src='http://www.rockmyworld.dk/images/index_contact_10.gif'"
Avatar billede roenving Novice
14. februar 2004 - 14:35 #2
Med den måde det er bygget på, kan man ikke gøre det uden lidt meget tricky ting, for mouseout vil jo sætte billed-kilden tilbage til den blå ...
Avatar billede llgpublic Nybegynder
14. februar 2004 - 14:38 #3
Hmm, lyder interesant.. hvor og hvordan vil du placere det ved linket ?

<a href="include/contact.html" onmouseover="changeImages('b3', 'images/b3-over.jpg'); return true;" onmouseout="changeImages('b3', 'images/b3.jpg'); return true;" target="indhold"><img name="b3" src="images/b3.jpg" width=75 height=79 border=0 alt=""></a>
Avatar billede llgpublic Nybegynder
14. februar 2004 - 14:40 #4
Bemærk, vil gerne at det er iframet f.eks. "include/contact.html" der med en funktion, loader billedet f.eks. "index_contact_10.gif" som skal være over iframet sådan at vi ikke drager de links som loader indholdet til iframet med ind i det.
Avatar billede roenving Novice
14. februar 2004 - 14:43 #5
Ah, jeg nåede ikke at kigge ordentlig igennem ...


<a href="include/contact.html" onmouseover="changeImages('b3', 'images/b3-over.jpg'); return true;" onmouseout="changeImages('b3', 'images/b3.jpg'); return true;" target="indhold" onclick="document.images['srcBanner'].src='http://www.rockmyworld.dk/images/index_contact_10.gif'"><img name="b3" src="images/b3.jpg" width=75 height=79 border=0 alt=""></a>

...

  <tr>
    <td width=750 height=25 colspan=8>
      <img name="srcBanner" src="images/index_07.jpg" width=750 height=25 alt=""></td>
    <td width=0 height=25 nowrap></td>
  </tr>
Avatar billede roenving Novice
14. februar 2004 - 14:45 #6
-- eller ved onload i iframen:

<body onload="parent.document.images['srcBanner'].src='http://www.rockmyworld.dk/images/index_contact_10.gif'">
Avatar billede llgpublic Nybegynder
14. februar 2004 - 14:49 #7
Sker vel det samme i iframet, men tester lige !
Avatar billede llgpublic Nybegynder
14. februar 2004 - 15:02 #8
Hehe, det virker, tilføjer den bare det rigtige sted og wolla, men det var bare dig der skrev forkert ... Giv et svar !
Avatar billede llgpublic Nybegynder
14. februar 2004 - 15:03 #9
Skulle placeres her

    <td width=529 height=86 colspan=6 rowspan=3>
      <img border="0" img name="srcBanner" src="images/index_10.gif" width="529" height="86"></td>
    <td width=0 height=28 nowrap></td>
  </tr>

Ikke her

<tr>
    <td width=750 height=25 colspan=8>
      <img name="srcBanner" src="images/index_07.jpg" width=750 height=25 alt=""></td>
    <td width=0 height=25 nowrap></td>
  </tr>

Virker fint !
Avatar billede roenving Novice
14. februar 2004 - 15:07 #10
Sæ'fø'li', endnu engang havde jeg ikke analyseret tilstrækkeligt ...

-- og velbekomme '-)
Avatar billede llgpublic Nybegynder
14. februar 2004 - 15:07 #11
Se http://www.rockmyworld.dk/home.html
for det færdige resultat, eller
http://www.rockmyworld.dk/ med introen !
Avatar billede roenving Novice
14. februar 2004 - 15:11 #12
-- tak for points ;~}
Avatar billede llgpublic Nybegynder
14. februar 2004 - 15:12 #13
Np, og introen findes her :D http://www.rockmyworld.dk/index.html
Avatar billede Slawomir Seniormester
14. februar 2004 - 15:15 #14
-
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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 går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »