Script

slet ingen :(( eller kræver det flere point??

Der er en del galt med dit script (/din html).
Jeg går ud fra at det su søger at opnå er en menubar med 3 punkter, og med mouseover?

nedenstående burde virke, men du skal have 2 billeder pr. menupunkt - 1 on og 1 off.
Jeg har navngivet de tre billeder hhv
"jibii.jpg" og "jubii_off.jpg"
"hosk.jpg" og "hask_off.jpg"
"hask.jpg" og "hask_off.jpg"

i selve img tagget skal du så starte med atloade off billederne (da musen ikke starter over dem alle)

Derudover skal du navngive img tagget med squareX, da funktionerne button_off og button_on ellers ikke kan finde dem.

Der manglede i øvrigt også en angivelse af at det var document.image arrayet der forsøgtes tilgået i de to funktioner.

Endelig er det vigtigt at forstå, at de image objekter du loader i starten af scriptet er dem der ender med at blive vist i menuboxene. Dvs. du skal have samme størrelse på dem (du kan dog blot udelade de 69,19 i constructor parametrene).

Anyway - hvis jeg ellers har forstået korrekt, hvad det er du prøver at gøre, så er der her noget som burde virke:

---8<----------
<script language="JavaScript"><!--
    square1_on = new Image(69,19);
    square1_on.src = "jubii.jpg";
    square2_on = new Image(69,19);
    square2_on.src = "hosk.jpg";
    square3_on = new Image(69,19);
    square3_on.src = "hask.jpg";
 
    square1_off = new Image(69,19);
    square1_off.src = "jubii_off.jpg";
    square2_off = new Image(69,19);
    square2_off.src = "hosk_off.jpg";
    square3_off = new Image(69,19);
    square3_off.src = "hask_off.jpg";

function button_on ( imgName )
{
    butOn = eval ( imgName + "_on.src" );
    document.images[imgName].src = butOn;
}
function button_off ( imgName )
{
    butOff = eval ( imgName + "_off.src" );
    document.images[imgName].src = butOff;
}
// --></script>


<table border=1>
    <tr>
        <td>
            <a href="link1.html"
            onmouseout="button_off('square1'); return true;"
            onmouseover="button_on('square1'); return true">
            <img src="jubii_off.jpg" name="square1" width="69" height="19" border=0></td>
    </tr>
    <tr>
        <td>
            <a href="link2.html"
            onmouseout="button_off('square2'); return true;"
            onmouseover="button_on('square2'); return true">
            <img src="hosk_off.jpg" name="square2" width="69" height="19" border=0></td>
    </tr>
    <tr>
        <td>
            <a href="link3.html"
            onmouseout="button_off('square3'); return true;"
            onmouseover="button_on('square3'); return true">
            <img src="hask_off.jpg" name="square3" width="69" height="19" border=0></td>
    </tr>
</table>

---8<----------

P.S. Jeg har i øvrigt skippet browserdetectionen, da den ikke rigtig blev brugt til noget (fornuftigt).

Skriv hvis der er noget jeg har misforstået, eller noget du ikke forstår!
(:

Hejsa,

Var ikke helt det jeg mente efter at have teste det, men er villige til at dobble point, hvis du gider at give det et forsøg til :)) Det jeg har er i topppen af sitet er der 5 menupunkter og midt på siden er der 3 billederpladser. Det jeg prøvede at opnå var, at når man køret musen over menupunkt 1 kom der tre billeder frem, når man kørte musen over menupunkt 2 kom der 3 andre frem osv. altså ialt 15 forskellige billeder. Har lige pastet hele den gamle script med table så du kan se :)

______________________________________________

<script language="JavaScript"><!--

browserName = navigator.appName;

browserVer = parseInt ( navigator.appVersion );



version = "n2";

if ( browserName == "Netscape" && browserVer >= 4 ) version = "n4";

if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) version = "e4";



if ( version == "n4" || version == "e4" )

{



        square1_on = new Image ( 69, 19 );

        square1_on.src = "kb1.jpg";

        square2_on = new Image ( 69, 19 );

        square2_on.src = "jubii.jpg";

        square3_on = new Image ( 69, 19 );

        square3_on.src = "kb3.jpg";



     


        square1_off = new Image ( 69, 19 );

        square1_off.src = "square1_off.jpg";

        square2_off = new Image ( 69, 19 );

        square2_off.src = "square2_off.jpg";

        square3_off = new Image ( 69, 19 );

        square3_off.src = "square3_off.jpg";






}



function button_on ( imgName )

{

        if ( version == "n4" || version == "e4" )

        {

                butOn = eval ( imgName + "_on.src" );

                document [imgName].src = butOn;

        }

}



function button_off ( imgName )

{

        if ( version == "n4" || version == "e4" )

        {

                butOff = eval ( imgName + "_off.src" );

                document [imgName].src = butOff;

        }

}

// --></script>


<body bgcolor="#330099" text="4A293A" link="ffffff" alink="ffffff" vlink="ffffff">

<table cellpadding=0 cellspacing=0 border="0" width=100% height=100%><tr><td align=center valign=middle>

<table cellpadding=0 cellspacing=0 border="0">
  <tr>
    <td><img src="menu.jpg" width="97" height="20"></td>
    <td>

<table cellpadding=0 cellspacing=0 border="0"><tr>
                                            <td>
<a href=""
onmouseout="button_off('square1');
button_off('square2')
button_off('square3'); return true"
onmouseover="button_on('square1');
button_on('square2');
button_on('square3'); return true">
<img src="" width="70" height="20" border=0></td>

                                            <td>
<a href=""
onmouseout="button_off('square1');
button_off('square2');
button_off('square3'); return true"
onmouseover="button_on('square1');
button_on('square2');
button_on('square3'); return true">
<img src="" width="70" height="20" border=0></td>
                                            <td>
<a href=""
onmouseout="button_off('square1');
button_off('square2');
button_off('square3'); return true"
onmouseover="button_on('square1');
button_on('square2');
button_on('square3'); return true">
<img src="" width="70" height="20" border=0></td>

                                            <td>
<a href=""
onmouseout="button_off('square1');
button_off('square2');
button_off('square3'); return true"
onmouseover="button_on('square1');
button_on('square2');
button_on('square3'); return true">
<img src="" width="70" height="20" border=0></td>

                                            <td>
<a href=""
onmouseout="button_off('square1');
button_off('square2');
button_off('square3'); return true"
onmouseover="button_on('square1');
button_on('square2');
button_on('square3'); return true">
<img src="" width="70" height="20" border=0></td>



</tr></table>

______________________________________--

Jeg kan ikke rigtigt gennemskue hvad det er du vil med dit script, men hvad med noget i denne stil:
---8<----------
<html>
<body>
<script language="javascript">
    // picture 1-15
  piccy1a = new Image(); piccy1a.src = "1a.jpg";
  piccy1b = new Image(); piccy1b.src = "1b.jpg";
  piccy1c = new Image(); piccy1c.src = "1c.jpg";
  piccy2a = new Image(); piccy2a.src = "2a.jpg";
  piccy2b = new Image(); piccy2b.src = "2b.jpg";
  piccy2c = new Image(); piccy2c.src = "2c.jpg";
  piccy3a = new Image(); piccy3a.src = "3a.jpg";
  piccy3b = new Image(); piccy3b.src = "3b.jpg";
  piccy3c = new Image(); piccy3c.src = "3c.jpg";
  piccy4a = new Image(); piccy4a.src = "4a.jpg";
  piccy4b = new Image(); piccy4b.src = "4b.jpg";
  piccy4c = new Image(); piccy4c.src = "4c.jpg";
  piccy5a = new Image(); piccy5a.src = "5a.jpg";
  piccy5b = new Image(); piccy5b.src = "5b.jpg";
  piccy5c = new Image(); piccy5c.src = "5c.jpg";
    // alle off pictures (de er bare sat til de samme)
  piccya_off = new Image(); piccya_off.src = "a_off.jpg";
  piccyb_off = new Image(); piccyb_off.src = "b_off.jpg";
  piccyc_off = new Image(); piccyc_off.src = "c_off.jpg";
       
    function showPictures(pic1, pic2, pic3){
        document.images[0].src = pic1;
        document.images[1].src = pic2;
        document.images[2].src = pic3;
    }
   
    function offPictures(){
        document.images[0].src = piccya_off.src;
        document.images[1].src = piccyb_off.src;
        document.images[2].src = piccyc_off.src;
    }

</script>

    <center>
    <a href="#" onMouseOver="showPictures(piccy1a.src,piccy1b.src,piccy1c.src); return true;" onMouseOut="offPictures(); return true;">link1</a> -
    <a href="#" onMouseOver="showPictures(piccy2a.src,piccy2b.src,piccy2c.src); return true;" onMouseOut="offPictures(); return true;">link2</a> -
    <a href="#" onMouseOver="showPictures(piccy3a.src,piccy3b.src,piccy3c.src); return true;" onMouseOut="offPictures(); return true;">link3</a> -
    <a href="#" onMouseOver="showPictures(piccy4a.src,piccy4b.src,piccy4c.src); return true;" onMouseOut="offPictures(); return true;">link4</a> -
    <a href="#" onMouseOver="showPictures(piccy5a.src,piccy5b.src,piccy5c.src); return true;" onMouseOut="offPictures(); return true;">link5</a><br>
    <br>
    <img src="a_off.jpg"><img src="b_off.jpg"><img src="c_off.jpg">
    </center>
</body>
</html>
---8<----------

... du skal have en række billeder 1a.jpg, 1b.jpg, 1c.jpg, 2a.jpg ... 5b.jpg, 5c.jpg
som er de billeder der skal loades i midten af skærmen, og tre billeder a_off.jpg, b_off.jpg og c_off.jpg
som er de billeder der vises når musen ikke er over nogen af menupunkterne. Jeg ved ikke om det er sådan du havde forestillet dig det, men ellers må du jo skrive igen!
(:

0-zone: meget det rigtige, men nu kan jeg ikke placere billederne der hvor de burde ligge ?? nu hopper de bare ind i de nærmeste ledige billeder??

dohhhh.. virker takker :)))))

notatall! ;)