Curtain script

ja .. du skal bare arbejde med tabellens område, i stedet for hele browservinduet...

Jeg kigger lige på det :-)

<ole>

På grundlag af det link, jeg postede i dit andet spm. ( http://www.eksperten.dk/spm/491069 ), har jeg skruet dette eksempel sammen:

<style type="text/css">
#imgObj {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 13px;
    FILTER: progid:DXImageTransform.Microsoft.Barn( motion=out,orientation=vertical);
    FONT: bold 9pt/1.3 verdana;
    WIDTH: 305px;
    COLOR: darkred;
    HEIGHT: 150px;
    BACKGROUND-COLOR: skyblue;
}
</style>

<script type="text/JavaScript">
var startImage ="fruit.gif";
var endImage="mouse.gif";
function doTrans() {
    imgObj.filters[0].apply();
    if (oImg.src.indexOf(startImage)!=-1) {
        oImg.src = endImage;
        imgObj.style.backgroundColor = "gold";
        imgObjText.innerHTML = "<BR><B>Second Page</B><BR><BR>Using the <B>play</B> method reveals the changes in the SPAN element content.";
    }
    else {
        oImg.src = startImage;
        imgObj.style.backgroundColor = "skyblue";
        imgObjText.innerHTML = "<BR><b>First Page</b><BR><BR>Using the <B>apply</B> method prepares this SPAN element for content changes.";
    }
    imgObj.filters[0].play();
}
</script>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>Dette er en celle i en tabel ...</td>
    <td id="imgObj" onmouseenter="doTrans()" onmouseleave="doTrans()">
        <IMG id="oImg" style="margin:8px" src="fruit.gif" align=left>
        <DIV id="imgObjText"><BR><B>First Page</B><BR><BR>Using the <B>apply</B> method prepares this SPAN element for content changes.</DIV></td>
</tr>
</table>

/mvh
</bole>

denne her er nok lidt kønnere (hvis man skifter hurtigt mellem mouseover og mouseout). Læg i øvrigt mærke til, du kan sætte 'duration' på overblændingen:

<style type="text/css">
#imgObj {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 13px;
    FILTER: progid:DXImageTransform.Microsoft.Barn( duration=0.45,motion=out,orientation=vertical);
    FONT: bold 9pt/1.3 verdana;
    WIDTH: 305px;
    COLOR: darkred;
    HEIGHT: 150px;
    BACKGROUND-COLOR: skyblue;
}
</style>

<script type="text/JavaScript">
var startImage ="fruit.gif";
var endImage="mouse.gif";
var transActive = transTimer = false;
function doTrans(over) {
    if ( transActive ) {
        clearTimeout(transTimer);
        transTimer = setTimeout( "doTrans("+over+")", 30 );
        return;
    }
    imgObj.filters[0].apply();
    if (over) {
        oImg.src = endImage;
        imgObj.style.backgroundColor = "gold";
        imgObjText.innerHTML = "<BR><B>Second Page</B><BR><BR>Using the <B>play</B> method reveals the changes in the SPAN element content.";
    }
    else {
        oImg.src = startImage;
        imgObj.style.backgroundColor = "skyblue";
        imgObjText.innerHTML = "<BR><b>First Page</b><BR><BR>Using the <B>apply</B> method prepares this SPAN element for content changes.";
    }
    transActive = true;
    imgObj.filters[0].play();
}
</script>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>Dette er en celle i en tabel ...</td>
    <td id="imgObj" onfilterchange="transActive=false" onmouseenter="doTrans(1)" onmouseleave="doTrans(0)">
        <IMG id="oImg" style="margin:8px" src="fruit.gif" align=left>
        <DIV id="imgObjText"><BR><B>First Page</B><BR><BR>Using the <B>apply</B> method prepares this SPAN element for content changes.</DIV></td>
</tr>
</table>

/mvh

Hvis i vil have points lader jeg spørgsmålet være åbent 1 dag længere :o)