Har hentet det her script fra:
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm , men kan ikke få det til at virke... Nogen ideer?
På ovenstående adresse har jeg brugt følgende indstillinger:
Transition = GradientWipe
GradientSize = 0.25
WipeStyle = 0 - Left-to-right motion
Motion = Forward
Hvis du kan få det til at virke ville det bare være super, især hvis du kan finde ud af at kombinere det med det fading-script du har givet mig, altså så den ikke går fra én farve til en anden med gradient, men så den bruger gradient-fading... Du ved sikkert hvad det er jeg mener...
Håber at du gider kigge på det... ;-)
--- Her starter scriptet ---
<HEAD>
<SCRIPT>
var startImage ="fruit.gif";
var endImage="mouse.gif";
function doTrans() {
imgObj.filters[0].orientation='vertical';
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>
</HEAD>
<BODY>
<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward); FONT: 9pt/1.3 verdana; WIDTH: 305px; COLOR: black; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><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></SPAN><BR><BR>
<BUTTON onclick="doTrans()">Play Transition</BUTTON>
</BODY>
--- Her slutter scriptet ---
S.R.