Avatar billede dallan2007 Nybegynder
09. maj 2006 - 09:36 Der er 4 kommentarer og
1 løsning

Rollover script med billede

Hej,

Jeg har denne tabel:

<table width="858" height="310" border="0" cellpadding="0" cellspacing="0" background="image1.jpg"><tr>
<td width="309" onClick="document.location.href='soening.html'" onMouseOver="cellChange(this,1);" onMouseOut="cellChange(this,2);">&nbsp;</td><td width="264"></td><td width="285">&nbsp;</td></tr>
</table>

Og dette script:

function cellChange(cell,value)
{
if (value==1)
{
cell.style.cssText = 'background-color: #BEBEBE; color: #BEBEBE';
}
if (value==2)
{
cell.style.cssText = 'background-color: #; color: #';
}
}

På mouseover skifter den farven i cellen, men hvordan får jeg den til at skifte et billede i stedet? Altså en erstatning af cell.style.cssText = 'background-color: #BEBEBE; color: #BEBEBE';
med noget a la dette: cell.style.cssText = 'background-image: image3.jpg';

Det virker dog ikke helt...
Avatar billede mm12010 Nybegynder
09. maj 2006 - 10:00 #1
det kunne løses ved at ændre scriptet sådan:

function cellChange(cell,value){
    cell.style.background=(value==1)?"#BEBEBE url(gfx/1.jpg) no-repeat 50% 50%":"";
}
Avatar billede mm12010 Nybegynder
09. maj 2006 - 10:00 #2
også skal du selvfølgelig selv rette stien til billedet
Avatar billede 1409 Praktikant
09. maj 2006 - 10:13 #3
Her:
<script type="text/javascript">
function cellChange(cell,value)
{
if (value==1)
{
cell.style.cssText = 'background-image: url(image2.gif)';
}
if (value==2)
{
cell.style.cssText = 'background-image: url(image1.gif)';
}
}

</script>
Avatar billede dallan2007 Nybegynder
09. maj 2006 - 10:30 #4
Jeg snupper dit 1409 - mange takker bagge to :)
Avatar billede roenving Novice
10. maj 2006 - 14:57 #5
-- men cssText er ifølge min reference et særdeles usikkert objekt at tage udgangspunkt i !-)
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