Ide til at løse et problem med noget dymanisk.

Det er det samme som allerede bruges i menuen, et billede der udskiftes når musen kommer et sted hen.
Eneste ændring er at biledet nu ligger i en anden ramme.

lav et gennemsigtigt (usynligt) .gif billede
og et andet der er det lys der skal komme.

og lav så mouseoverskift mellem de to billeder.

Det er ikke billeder der udskiftes godt nok, det er almindelig tabel roll over.

Men hvordan skal jeg lave det i en ander ramme... Eller er det tabel du mener??

undskyld, jeg gik ud fra siden var lavet i frames. under alle omstændigheder er det ret nemt:

hvis det er en anden ramme addresseres billedet med:
parent.ramme_navn.document.images.billed_navn

hvor ramme_navn er værdien i din name=\"???\" i <frame kommandoen i din frameset fil.
og billed_navn er værdien i din name=\"???\" i <img kommadoen på siden

hvis det ikke er i en anden ramme udelades \'parent.ramme_navn.\'
så der blot står:
          document.images.billed_navn

i onmouseover eventen tilføjer du så
                  ;document.images.billed_navn.src=\'lyset.gif\'
så der står
    onmouseover=\"det_der_allerede_står;document.images.billed_navn.src=\'lyset.gif\';\"

i onmouseout eventen tilføjer du på samme måde
                  ;document.images.billed_navn.src=\'lyset.gif\'


mvh JakobA

ups. i onmouseout skal det være den_usynlige.gif og ikke lyset.gif

Yes men der er sku opstået et lille problem, hvordan kan jeg på \"samme\" sted skifte i mellem nogle billeder...

Eksem.

Link forside : Skifter til et billed
Link asp    : Skifter til billed samme placering

Hele skidtet:

<!--#include file = \"connection.inc\"-->

<html>

<head>
<meta http-equiv=\"Content-Language\" content=\"da\">
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1252\">
<meta name=\"GENERATOR\" content=\"Microsoft FrontPage 4.0\">
<meta name=\"ProgId\" content=\"FrontPage.Editor.Document\">
<title>Ny side 1</title>
<base target=\"_self\">
<script language=\"JavaScript\" fptype=\"dynamicanimation\">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language=\"JavaScript1.2\" fptype=\"dynamicanimation\" src=\"animate.js\">
</script>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
// (c) by Manfred Renner

IMG01 = \"off.gif\"
IMG02 = \"big3.jpg\" 
IMG03 = \"newbig.JPG\"

function imgout(imgname){
    imgname.src = IMG01
}

function imgover(imgname){
    imgname.src = IMG02
}
function imgover(imgname){
    imgname.src = IMG03
}
//-->
</SCRIPT>
<style>
<!--
a{text-decoration:none}
//-->
</style>
<form name=\"FormName\" action=\"check-andet.asp\" method=\"post\">
</head>

<body bgcolor=\"#C0C0C0\" background=\"shsbag2.jpg\"  link=\"#000000\" vlink=\"#000000\" alink=\"#000080\" onload=\"dynAnimation()\">

  <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" class=\"format\" width=\"67\" height=\"1\">
       
      <tr>
        <td align=\"middle\" vAlign=\"top\" class=\"format\" width=\"65\" height=\"12\">
<IMG NAME=\"IMG02\" SRC=\"off.gif\" width=27 height=36 BORDER=0 align=\"right\">&nbsp;&nbsp;&nbsp;&nbsp;

 
  </tr>
       
  </table>

<p>&nbsp;</p>

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" height=\"1\">
  <tr>
    <td height=\"1\">
<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#000000\" bordercolorlight=\"#000000\" bordercolordark=\"#FFFFFF\" width=\"115\">
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF; color: #000080; letter-spacing: -0; vertical-align: 0\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\" href=\"center.htm\" onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\"><a href=\"center.htm\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\" alt=\".:Dette var siden du startede på:.\">
      <font face=\"Arial\" size=\"2\">Forside&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;
      </font>
      </font>
      </a>
      </p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #C8ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><b><a target=\"venstre2\" href=\"wdesign.asp\"><font face=\"Arial\" size=\"2\">
      </font></a>
      </b><a target=\"venstre2\" href=\"losninger.asp\" onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\"><font face=\"Arial\" size=\"2\">Løsninger&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;</font></a></font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #C8ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><b><a target=\"venstre2\" href=\"wdesign.asp\"><font face=\"Arial\" size=\"2\">
      </font></a>
      </b><a href=\"wdesign.asp\" onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\"><font face=\"Arial\" size=\"2\">Webdesign&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;
      </font></a></font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #C8ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font face=\"Arial\" size=\"2\"><b>
      </b><a href=\"http://\" onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Asp systemer</a></font></font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\">
      <font color=\"#000000\">
      &nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font face=\"Arial\" size=\"2\"><b>
      </b></font></font><font face=\"Arial\" size=\"2\" color=\"#000000\"><a href=\"http://\"  onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Domaintest</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\">
      <font color=\"#000000\">
      &nbsp;<img border=\"0\" src=\"bluepil.jpg\">
      <font face=\"Arial\" size=\"2\" color=\"#000000\"><a href=\"http://\"  onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Referencer&nbsp;</a></font></font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\">
      <font color=\"#000000\">
      &nbsp;<img border=\"0\" src=\"bluepil.jpg\">
      <font face=\"Arial\" size=\"2\"><a href=\"http://\"  onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Priser&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;</a></font></font>
      </p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font face=\"Arial\" size=\"2\"><b>
      </b><a href=\"http://\"  onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Nyheder</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></font></p>
    </td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"111\">
      <p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #D0ECFF\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\"><font color=\"#000000\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font face=\"Arial\" size=\"2\"><b>
      </b><a href=\"http://\"  onMouseOver=\"imgover(IMG02)\" onMouseOut=\"imgout(IMG02)\">Kontakt&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;</a>
      </font></font></p>
    </td>
  </tr>
</table>
</td>
    <td height=\"1\"></td>
  </tr>
  <tr>
    <td height=\"21\"></td>
    <td height=\"21\">&nbsp;&nbsp;&nbsp;&nbsp;</td>
  </tr>
</table>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tr>
    <td>
<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#000000\" bordercolorlight=\"#000000\" bordercolordark=\"#FFFFFF\" width=\"114\" height=\"71\">
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"110\" height=\"23\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font color=\"#000000\" face=\"Arial\" size=\"2\"><b>
      </b></font><input type=\"text\" name=\"user_name\" size=\"11\" style=\"background-color: #D0ECFF; font-family: Verdana; font-size: 8 pt; border: 1 solid #000000\" value=\"Bruger\"></td>
  </tr>
  <tr>
    <td bgcolor=\"#C0C0C0\" align=\"left\" width=\"110\" height=\"23\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font color=\"#000000\" face=\"Arial\" size=\"2\"><b>
      </b></font><input type=\"text\" name=\"password\" size=\"11\" style=\"background-color: #D0ECFF; font-family: Verdana; font-size: 8 pt; border: 1 solid #000000\" value=\"Kode\"></td>
  </tr>
  <tr>
    <td bgcolor=\"#D0ECFF\" align=\"left\" width=\"110\" height=\"19\">&nbsp;<img border=\"0\" src=\"bluepil.jpg\"><font face=\"Arial\" size=\"2\"><b>
      </b>
      </font><input type=\"submit\" value=\"Kundelogin\" name=\"B1\" style=\"background-color: #C8ECFF; font-family: Verdana; font-size: 8 pt; border: 0 solid #000000\"></td>
  </tr>
</table>
</td>
    <td></td>
  </tr>
  <tr>
    <td><font face=\"Verdana\" size=\"1\" color=\"#FFFFFF\"><%
svar2=request(\"svar\")
if svar2 = \"findes\" then response.write(\"<b>\" &findes& \"</b>\")
if svar2 = \"mangler\" then response.write(\"<b>\" &mbrugernavn& \"</b>\")
if svar2 = \"pmangler\" then response.write(\"<b>\" &mpassword& \"</b>\")
if svar2 = \"findesikke\" then response.write(\"<b>\" &erikkereg & \"</b>\")
%></font></td>
    <td></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>

</html>

Det SKAL ikke rettes jeg skal bare have et tip til hvordan jeg gør :)

Alle links kan sagtens skifte det samme billede.

Men så er der ikke meget grund til en onmouseout, billedet vil bare altid svarer til det link musen sidst var over.

Eller er det noget andet der er problemet?

Yes problemet er at det IKKE skal være samme billede, men samme placering som det gennesigtige.

F.eks. Har en \"lejlighed\" 5 vinduer, og jeg har lavet det så det er hele \"lejligheden\" der skifter, så det er et vindue ad gangen.

E.eks.

Forside - Et vindue i lejligheden
Loinks - Et andet vindue i lejlighed.

Lidt forvirret.

Lav vinduerne som individueller billeder i et puslespil af billeder der tilsammen tegner hele huset. så kan de enkelte vindueslys tændes hver for sig.

alternativt kunne du lave 2 i femte (32) billeder af hele huset så alle mulige kombinationer at tændt og slukket vindue kan swappes ind. Det gir nok lovlig meget preload, så jeg vil foreslå øverste løsning.

men der jeg ovenfor sagde \"samme billede\" mente jeg nok snarere samme
<IMG name=\"billed_navn\" ... > kommando

i et link:

onMouseOver=\"imgover(IMG02);imgon(\'billed_navn\',\'entre.gif\')\" onMouseOut=\"imgout(IMG02);imgoff(\'billed_navn\')\">

i et andet:

onMouseOver=\"imgover(IMG03);imgon(\'billed_navn\',\'stuen.gif\')\" onMouseOut=\"imgout(IMG03);imgoff(\'billed_navn\')\">

med en scriptsektion i head a la:

<script language=\'javascript\'>

function imgon ( imgname, picname ) {
  document.images[imgname].src = picname;
};

function imdoff ( imgname ) {
  document.images[imgname].src = \'gennemsigtig.gif\';
};

</script>

Lidt forvirret svar for jeg er noget i tvivl om hvad du mener.

mvh JakobA