Avatar billede krk Nybegynder
03. juni 2004 - 16:05 Der er 6 kommentarer og
1 løsning

Swop image i 2 forskellige celler

Jeg ved ikke om det er det rigtige sted at spørge om dette, men nu prøver jeg.
Jeg vil gerne have at når man bruger "mouseover" på et billede der ligger i en celle, bliver der også vist et billed i en anden celle i en tabel. og ved "mouseout" skal billede forsvinde igen.
Når man så "mouseover" igen på det næste billede, vil der komme et nyt billed op igen på det samme sted som det tidligere billede poppede op.
Giver det nogen mening det jeg skriver.

Jeg sender en stump kode med, så er det måske nemmere at forstå:

<table width="100%" height="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><table width="250" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="3">Her skal de enkelte billeder vises. P&aring; det samme
            sted. </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><img src="blaa.jpg" width="45" height="24"></td>
          <td><img src="mellem.jpg" width="45" height="24"></td>
          <td><img src="brun.jpg" width="45" height="24"></td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>

Håber nogle kan hjælpe mig !!
Avatar billede krk Nybegynder
03. juni 2004 - 16:06 #1
Lige en til ting. Jeg arbejder i dreamweaver. Er der en funktion i DW der kan klare dette ??
Avatar billede fennec Nybegynder
03. juni 2004 - 16:13 #2
dette er en måde:

<table width="100%" height="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><table width="250" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="3">
          <img id="pic1" src="blaaBilled.jpg" style="display:none">
          <img id="pic2" src="mellemBilled.jpg" style="display:none">
          <img id="pic3" src="brunBilled.jpg" style="display:none">
          </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><img src="blaa.jpg" width="45" height="24" onmouseover="document.getElementById('pic1').style.display='block'" onmouseout="document.getElementById('pic1').style.display='none'"></td>
          <td><img src="mellem.jpg" width="45" height="24" onmouseover="document.getElementById('pic1').style.display='block'" onmouseout="document.getElementById('pic1').style.display='none'"></td>
          <td><img src="brun.jpg" width="45" height="24" onmouseover="document.getElementById('pic1').style.display='block'" onmouseout="document.getElementById('pic1').style.display='none'"></td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
Avatar billede krk Nybegynder
03. juni 2004 - 16:31 #3
det virker, fedt
Avatar billede fennec Nybegynder
04. juni 2004 - 08:09 #4
Hvis du har mange billeder kan det gøres mere dynamisk, hvis du har mod på at lære at preloade billeder. Søg her på E under JavaScript, der er flere eks.
Avatar billede krk Nybegynder
04. juni 2004 - 10:59 #5
Jeg sidder og arbejder i dreamweaver og der er en funktion der preloader billeder, vil den være ok at benytte
Avatar billede fennec Nybegynder
04. juni 2004 - 11:08 #6
Det kan jeg ikke udtale mig om, da jeg ikke bruger dreamweaver. Faktisk synes jeg preload ser indviklet ud (hvilket det sikkert ikke er), hvorfor jeg ikke har sat mig ind i det.
Avatar billede krk Nybegynder
04. juni 2004 - 11:14 #7
Ok, fint nok. Jeg prøver at finde ud af det et andet sted. Tak for hjælpen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester