Automatisk skift af tekst og billede i cell/table/frame ved mouseoverlink i

Her er scriptet til <head>

<SCRIPT>

img = new Image;

function changeImg(imgName) {
  img.src = imgName;
  document.pic.src = img.src;
}
</SCRIPT>

Sådan kunne du så linke:

<a href="url1" onMouseover="changeImg('billede1.gif')" onMouseout="changeImg('billede0.gif')"><img src="1.gif" border=1 alt="Link 1"></a>
<a href="url2" onMouseover="changeImg('billede2.gif')" onMouseout="changeImg('billede0.gif')"><img src="billede2.gif" border=1 alt="Link 2"></a>
<img src="billede0.gif">

Kære dkkarpen
Du misforstår mig eller så er det mig der ikke har udtrykt det precis. Jeg vil have 2 links med tekst på hver sin linie, Der må kun være en frame eller tabel i midten af siden. I denne frame eller tabel skal henholdvis billede 1 være, hvis man fører musen over link nummer 1 og i samme frame skal billede 2 være hvis man kører musen over link 2.
Hele processen skal først træde i kraft når musen er over den ene af de 2 links, dvs at der skal være et 3 billede som her der som en slags baggrund. hvis der smatidig var en frame eller tabel nummer 2 hvor der var tekst og som OGSÅ skiftede indhold samtidig med billedet når musen blev flyttet over deres respektive link, så ville der være optimalt.

Hvis du kigger på denne link her, http://www.infohiway.com/javascript/indexf.htm klikker på frames og ser på deres eksembel nummer 2, så har du en ide om ,hvad jeg mener - her bruger de bare billeder istedet for tekst som jeg gerne vil have.

Hejsa.

Jeg er ikke sikker på, at jeg forstår dig helt korrekt, men prøv at kig på www.geezer.dk. I lyshullerne foroven findes der links, hvor beskrivelsen fremkommer midt på siden. Er det noget i den stil du søger?

Hey manon
Jeg har lige lavet en lille side til. http://hjem.get2net.dk/skjoldet/til_manon.htm

Koden er ret sjusket da det gik lidt stærkt, men jeg kan hurtigt få rettet op på det, hvis det er noget af det du ønsker. Bemærk at teksten er lavet som lag. Hvis du hellere vil bruge frames så sig bare til. Så finder vi ud af det.

/skjoldet

> Skjoldby

Skide godt - det er lige det jeg leder efter. Og gerne som lag - frames er ligemeget, da det du har vist er næsten perfekt.

For at give dig mine point vil jeg gerne have det sidste på plads:

Jeg vil gerne har valgmulighed for mellem 2 til 10 link på hver side. Er det muligt ? Så vidt jeg kan se skal jeg bare tilføje ny liner.

Og hvad med baggrundsfarven, den kan vel bare vælges i bodycolor ?

Men ellers er det netop det jeg har ledt efter.

Jeg har som lovet tidligere, lavet lidt om i koden så den bliver mere overskuelig for dig...

Du skal bare tilføje flere lag og kalde dem lag_txt_5, lag_txt_6 etc.

Billederne skal være lige store, og dem skal du bare kalde pic_1.gif, pic_2.gif etc.

Bemærk desuden lagnes position, når du laver tabellen den størrelse du skal bruge den.

Prøv at kigge igen:
http://hjem.get2net.dk/skjoldet/til_manon.htm

--- JEG HAR TAGET SIDEN AF IGEN ---
--- TIL DEM SOM IKKE NÅEDE AT SE DEN: ---


<html>
<head>
<title>MouseOver 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
// --- Preload af billeder ---
pic_1=new Image(); pic_1.src='pic_1.gif';
pic_2=new Image(); pic_2.src='pic_2.gif';
pic_3=new Image(); pic_3.src='pic_3.gif';
pic_4=new Image(); pic_4.src='pic_4.gif';

// --- MouseOver/Out funktion til billedet ---
function SkiftBild(bildnr) {
document.pic.src="pic_"+bildnr+".gif"
}


// --- MouseOver funktion til teksten ---
function vis_lag(lag_id) {
if(document.layers) {
document.lag_id.visibility="show";
document.lag_txt_0.visibility="hide"}
else {if (document.all)lag_id.style.visibility="visible";
lag_txt_0.style.visibility="hidden"}
}


// --- MouseOut funktion til teksten ---
function skjul_lag(lag_id) {
if(document.layers) document.lag_id.visibility="hide";
if(document.layers) document.lag_txt_0.visibility="show";
else {if (document.all)lag_id.style.visibility="hidden";
lag_txt_0.style.visibility="visible"}
}

//-->
</script>
</head>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">

<!-- --- Tekst lag --- //-->

<div id="lag_txt_0" style="position:absolute; left:210; top:10; width:180px; height:80; z-index:1; visibility: visible">
  Denne tekst vil blive vist når man ikke rører nogle links</div>

<div id="lag_txt_1" style="position:absolute; left:210; top:10; width:180px; height:80; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 1</div>

<div id="lag_txt_2" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 2</div>

<div id="lag_txt_3" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 3<br>der vises ikke noget billede da jeg ikke har lagt noget ud for link 3</div>

<div id="lag_txt_4" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 4<br>der vises ikke noget billede da jeg ikke har lagt noget ud for link 4</div>


<table width="400" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#CCCCCC">
  <tr>
    <td width="100">
      <p align="center"><a href="link1.htm" onMouseOver="SkiftBild(1); vis_lag(lag_txt_1)"; onMouseOut="SkiftBild(0); skjul_lag(lag_txt_1)">Link1</a></p>
      <p align="center"><a href="link2.htm" onMouseOver="SkiftBild(2); vis_lag(lag_txt_2)"; onMouseOut="SkiftBild(0); skjul_lag(lag_txt_2)">Link2</a></p>
      <p align="center"><a href="link3.htm" onMouseOver="SkiftBild(3); vis_lag(lag_txt_3)"; onMouseOut="SkiftBild(0); skjul_lag(lag_txt_3)">Link3</a></p>
      <p align="center"><a href="link4.htm" onMouseOver="SkiftBild(4); vis_lag(lag_txt_4)"; onMouseOut="SkiftBild(0); skjul_lag(lag_txt_4)">Link4</a></p>
    </td>
    <td width="100">

<!-- --- pic_0.gif skal være et blankt billede --- //-->
      <div align="center"><img src="pic_0.gif" width="100" height="100" name="pic"></div>
    </td>
    <td width="200">&nbsp; </td>
  </tr>
</table>
</body>
</html>

SKJOLBY ----> jeg har testet dit script, virker fint

Du får 100 point hvis du kan lave det så det virker i både IE og NS

jeg er ligeglad med billedskiftning, det er KUN teksten der har min interesse