Søg
Avatar billede spacee Nybegynder
19. februar 2002 - 21:12 Der er 3 kommentarer og
1 løsning

har 4 textlinks ... der skal skifte et billede til hver link

JEg har tidligere spugt om dette men fik ikke brugbare svar.

Jeg har 4 textlinks i en nagigationsmenu. når jeg føres musen hen over hvert link skal der blive vist et billede. der skal vises et forskellige billede til hvert link. altså 4 billeder i alt. billederne skal vises på præcis samme placering og med samme billede str.

MVH
/Henrik Larsen
Avatar billede Slettet bruger
19. februar 2002 - 21:21 #1
<script>
billeder = new Array("nr0.gif","nr1.gif","nr2.gif","nr3.gif","nr4.gif"); //Billedernes src. Det første billede skal være det oprindelige billede, du først loader i <img>-tagget!

bill = new Array();
for (i = 0; i < billeder.length; i++) {
bill[i] = new Image();
bill[i].src = billeder[i];
}

function visBill(mod) {
document.mitBillede.src = (mod == 0) ? bill[0].src : mod;
}
</script>

<img src="nr0.gif" name="mitBillede">

<a href="nr1.html" onMouseOver="visBill('nr1.gif');" onMouseOut="visBill(0);">Nr 1</a><br>
<a href="nr2.html" onMouseOver="visBill('nr2.gif');" onMouseOut="visBill(0);">Nr 2</a><br>
<a href="nr3.html" onMouseOver="visBill('nr3.gif');" onMouseOut="visBill(0);">Nr 3</a><br>
<a href="nr4.html" onMouseOver="visBill('nr4.gif');" onMouseOut="visBill(0);">Nr 4</a><br>
<a href="nr5.html" onMouseOver="visBill('nr5.gif');" onMouseOut="visBill(0);">Nr 5</a>
Avatar billede spacee Nybegynder
19. februar 2002 - 22:01 #2
scripted virker som det skal DOG har jeg et lille problem med det.
når man åbner siden hvor scriptet er på vises billedet som the X (broken link) først når jeg bevæger musen over et link komme der et billede... og så ved mouse out kommer "default" billedet først. hvordan skal det laves så defaultbilledet bliver vist så snart man besøger hjemmesiden?
Avatar billede j-r Nybegynder
20. februar 2002 - 10:54 #3
Måske noget du kan bruge

<IMG SRC="main_im/tom.gif"> er der når du ikke er over link.

---------------------------------------------------------------------

<HEAD>
<script language="Javascript">
<!-- 
browser = (((navigator.appName == "Netscape") &&         
(parseInt(navigator.appVersion) >= 3 )) || ((navigator.appName == "Microsoft Internet Explorer") &&
(parseInt(navigator.appVersion) >= 4 )));

if (browser) {   
original = new MakeArray(1);   
highlight = new MakeArray(6);                       
original[0].src = "main_im/tom.gif";   
highlight[0].src = "main_im/tom.gif";   
highlight[1].src = "main_im/hp_txt.gif";   
highlight[2].src = "main_im/mira_txt.gif";   
highlight[3].src = "main_im/delta_txt.gif"; 
highlight[4].src = "main_im/danelco_txt.gif";               
highlight[5].src = "main_im/datarex_txt.gif";}


function MakeArray(n) {   
    this.length = n;        for (var i=0; i<n; i++) {     
    this[i] = new Image();}   
    return this  } 
function msover(num) {   
    if (browser) {     
    document.images[0].src = highlight[num].src;}} 
function msout(num) {   
    if (browser) {     
    document.images[0].src = original[0].src;}} 
defaultStatus=" ";
// -->
</script>

---------------------------------------------------------------------
nedenstående i body lægges i tabel eller pladseres i span elle noget / <IMG SRC="main_im/tom.gif"> er der hvor billedskift er
---------------------------------------------------------------------

<BODY>


<IMG SRC="main_im/tom.gif">

<A HREF="http://www.hp.dk" TARGET="_blank" onmouseover="msover(1); window.status='HP'; return true;" onmouseout="msout(1);"><IMG SRC="main_im/hp_1.gif" BORDER="0" WIDTH="190" HEIGHT="90" ALIGN="bottom" ALT=""></A>

<A HREF="http://www.miradata.dk/" TARGET="_blank" onmouseover="msover(2); window.status='Mira'; return true;" onmouseout="msout(2);"><IMG SRC="main_im/md-logo.gif" BORDER="0" WIDTH="138" HEIGHT="96" ALIGN="bottom" ALT="">

<A HREF="http://www.deltatc.dk" TARGET="_blank" onmouseover="msover(3); window.status='Delta'; return true;" onmouseout="msout(3);"><IMG SRC="main_im/delta_log.gif" BORDER="0" WIDTH="156" HEIGHT="96" ALIGN="bottom" ALT=""></A>

<A HREF="http://www.danelco.dk" TARGET="_blank" onmouseover="msover(4); window.status='Danelco'; return true;" onmouseout="msout(4);"><IMG SRC="main_im/danelco.gif" BORDER="0" WIDTH="125" HEIGHT="45" ALIGN="bottom" ALT=""></A>

<A HREF="http://www.datarex.dk" TARGET="_blank" onmouseover="msover(5); window.status='DataRex'; return true;" onmouseout="msout(5);"><IMG SRC="main_im/datarex-.gif" BORDER="0" WIDTH="130" HEIGHT="29" ALIGN="bottom" ALT=""></A>

</BODY>

---------------------------------------------------------------------

mvh
jes
Avatar billede Slettet bruger
04. marts 2002 - 21:01 #4
spacee>> Du skal bare huske at ændre i <img>-tagget's src!
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 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 03/05/202613:59
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:42 Mail med endelsen ".lat" Af ErikHg i E-mail
I går 11:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
I går 11:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
20/0511:00 IIS på Win10 64 bit Af bsn i Webservere
20/0509:01 Bitlocker Af Chevy396 i Windows
White papers
Flere white papers »