Jag har ett script som ser ut så här: Bara genom att använda programmering i JavaScript så går det inte *punkt* Struntsnack. Det går utmärkt att ändra opaciteten på en bild, så länge som man ärFade:a bilder.
<script language="javascript">
<!--
number_of_styrelse=8;
var strc=0;
var str=new Array();
for (i=0;i<number_of_styrelse;i++){
str[i]=new Image();
}
str[0].src="pics/bild_01.jpg";
str[1].src="pics/bild_02.jpg";
str[2].src="pics/bild_03.jpg";
str[3].src="pics/bild_04.jpg";
str[4].src="pics/bild_05.jpg";
str[5].src="pics/bild_06.jpg";
str[6].src="pics/bild_07.jpg";
str[7].src="pics/bild_08.jpg";
function rotateIt(){
strc++;
if (strc>number_of_styrelse-1){
strc=0;
}
document.Styrelsen.src=str[strc].src;
setTimeout("rotateIt()",2000);
}
//-->
</script>
Är det någon som kan hjälpa mig så att när bilderna byts så ska
dom fada från den ena till den andra...
Hur ska man göra det?
Mvh
Johan.NETSv: Fade:a bilder.
//Mikael.NETSv: Fade:a bilder.
införstådd att det bara kommer att fungera i IE4+. Jag orkade inte skriva ihop det
till ditt exempel, men jag skrev en liten funktion som visar hur du fade:ar ut, sen är
det bara att göra samma sak fast baklänges när du ska fade:a in bilden efter det att
du har bytat den. Får du inte rätt på att skriva ihop det till ett enda program så säg till.
OBS. För att det skall fungera måste bilden ha 'layout' vilket betyder t.ex fast bredd
eller höjd (därför jag satte en WIDTH=200 i mitt exempel).
<code>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function FadeOut()
{
var obj = document.all["myPic"].filters.item(0);
obj.Opacity = obj.Opacity - 5;
if(obj.Opacity != 0)
setTimeout('FadeOut()', 20);
}
</SCRIPT>
</HEAD>
<BODY OnLoad="FadeOut()">
<IMG ID="myPic" SRC="bild.jpg" STYLE="filter:Alpha(opacity=100, style=2)" WIDTH="250">
</BODY>
</HTML>
</code>
<b>Andreas Håkansson
Student of Software Engineering</b>