Skift to billeder med et mouseover

Dette burde gøre det:

<img src="billede1.jpg" id="pic1" />
<img src="billede2.jpg" id="pic2" onmouseover="swapTwo(1)" onmouseout="swapTwo(0)" />

<script type="text/javascript">
function swapTwo(state) {
  document.getElementById("pic1").src = "billede1" + (state ? "_on" : "") + ".jpg";
  document.getElementById("pic2").src = "billede2" + (state ? "_on" : "") + ".jpg";
}
</script>

nej undskyld. har ikke forklaret det rigtigt...

Jeg har 5 billedlinks når man køre musen over eks. forside billedlinket
så skal der komme et billed frem nede i bunden af min side hvor der står "forside".

det samme hvis man køre over galleri billedlinket, så skal der komme et billed frem nede i bunden med teksten "galleri"

Problemet er vel bare at navigation billedet med teksten hvor man er på vej hen skal komme frem det samme sted hver gang..

? ;)

Ah. Det er jo ikke den store forskel :)

<img src="none.jpg" id="pic0" />

<img src="billede1.jpg" id="pic1" onmouseover="swapTwo(1,1, 'forside')" onmouseout="swapTwo(0,1)" />
<img src="billede2.jpg" id="pic2" onmouseover="swapTwo(1,2, 'galleri')" onmouseout="swapTwo(0,2)" />

<script type="text/javascript">
function swapTwo(state, caller, disp) {
  document.getElementById("pic"+caller).src = "billede" + caller + (state ? "_on" : "") + ".jpg";

  if (disp)
    document.getElementById("pic0").src = disp + ".jpg";
  else
    document.getElementById("pic0").src = "none.jpg";
}
</script>

Men koden er selvfølgelig lidt mere besværlig, med 3 parametre i funktionen.
Det første er bare om billedet skal være on eller off - og skal altid være 1 på onmouseover, og 0 på onmouseout.
Det andet parameter er nummeret på det kaldende billede. Det skal bare sættes én op, hvis du laver flere billeder. Altså hvis det nye billeder hedder pic3, skal caller være 3, osv.
Det tredje parameter er navnet på billedet der skal vises i det faste billede, uden endelsen.

Nu ved jeg godt at pic0 (det faste billede) står øverst, hvor du ville have det nederst, men det kan du jo selv flytte rundt på.
Sig til hvis det ikke er det du leder efter.

Kan det være rigtigt?
det eneste jeg for, er en masse døde billeder?


<img src="forsideknap.gif" id="pic1" />
<img src="omosknap.gif" id="pic2" />
<img src="menuknap.gif" id="pic3" />
<img src="galleriknap.gif" id="pic4" />
<img src="kontaktknap.gif" id="pic5" />


<img src="11.jpg" id="pic1" onmouseover="swapTwo(1,1, 'forside')" onmouseout="swapTwo(0,1)" />
<img src="14.jpg" id="pic2" onmouseover="swapTwo(1,2, 'omos')" onmouseout="swapTwo(0,2)" />
<img src="20.jpg" id="pic3" onmouseover="swapTwo(1,3, 'menu')" onmouseout="swapTwo(0,3)" />
<img src="24.jpg" id="pic4" onmouseover="swapTwo(1,4, 'galleri')" onmouseout="swapTwo(0,4)" />
<img src="30.jpg" id="pic5" onmouseover="swapTwo(1,5, 'kontakt')" onmouseout="swapTwo(0,5)" />

<script type="text/javascript">
function swapTwo(state, caller, disp) {
  document.getElementById("pic"+caller).src = "billede" + caller + (state ? "_on" : "") + ".jpg";

  if (disp)
    document.getElementById("pic0").src = disp + ".jpg";
  else
    document.getElementById("pic0").src = "none.jpg";
}
</script>

Du har flere knapper med samme ID ..
Jeg tror igen jeg har misforstået noget - du ville have flere forskellige knapper, der lyste op, når man holdt musen over?

Jeg troede lidt det var sådan, at når man holdt musen over de forskellige knapper, skiftede ét bestemt billede til noget andet - sådan at der kun var ét billede i bunden, som enten var forside.jpg, galleri.jpg, eller noget andet.

Men jeg tror jeg har fattet det nu - der skal være en række billeder i bunden, og når man holder musen over et link, skal det af de billeder som svarer til det man holer musen over, blive til et andet?

Fuck det er svært at forklare, uden at blive rundtosset selv :)

Nej det var rigtigt nok.. det er bare mig der kegler rundt i det... men har fundet ud af det nu så jeg siger bare tak!!

Hilsen Jones K

skriv lige for points

I orden :)