Byta bild i annan cell?

ConartisMedlem sedan sep. 200319 inlägg

Frågan10 nov. 2003 12:13#1

Tjena, har fastnat helt med ett problem som jag har. Vill kunna länka från en hotspot på en bild som ligger i en <td> så att det byts ut en bild i en annan <td> som ligger ovanför. Skickar med lite kod så kanske ni förstår vad jag menar, tacksam för alla svar.

Har använt mig av ett förslag som jag fick av Bosse här på wf men har inte lyckats att anpassa det till min sida.


<HTML> 
<HEAD> 
<TITLE>test2</TITLE> 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
.td1 
{ width:100%; height:100%; border:0px} 
.td2 
{ width:100%; height:100%; border:0px} 

a:link 
{ font-size:12px; color:yellow; text-decoration:none; cursor:hand;} 

#bild1 {display:none;} 
#bild2 {display:none;} 
#bild3 {display:none;} 
#bild4 {display:none;} 
#bild5 {display:none;} 
#bild6 {display:none;} 
</style> 
<script type="text/javascript" language=javascript> 
<!-- 
function bild(currPic){thisText=document.getElementById(currPic).style 
if (thisText.display == "block"){thisText.display="none"} 
else { thisText.display = "block" } } 
--> 
</script> 
</HEAD> 
<BODY BGCOLOR=#FFFFFF> 
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 rowspan=3 colspan=1> 
  <TR> 
    <TD> <IMG SRC="bilder/corduroy_01.gif" WIDTH=1024 HEIGHT=250></TD> 
  </TR> 
  <TD background="bilder/corduroy_02.jpg" WIDTH=1024 HEIGHT=233> 
  <td class=td2 id="bild1"><IMG SRC="bilder/corduroy_03.gif" width=1024 height=233 class="td2"></td> 
  </TD> 
  </TR> 
  <TR> 
    <TD class="td1"><IMG SRC="bilder/corduroy_03.gif" WIDTH=1024 HEIGHT=285 usemap="#Map" border="0"></TD> 
  </TR> 
</TABLE> 
<map name="Map"> 
  <area shape="rect" coords="120,5,152,28" href=OnMouseOver="bild('bild1');" OnMouseOut="bild('bild1');" class="td1"> 
  <area shape="rect" coords="260,5,288,30" href=OnMouseOver="bild('bild2');" OnMouseOut="bild('bild2');" class="td1"> 
</map> 
</BODY> 
</HTML>