Question

我在JavaScript中创建一个图像滑块，我想在没有jQuery的情况下添加fadeIn和fadeOut等效果。

HTML：

<body>
<img src="images/1.jpg" alt=""  id="slide" width="700px" height="340px" > 
 </body>

JavaScript的：

var slideshow = new Array();

slideshow[0] = new Image();
slideshow[0].src= "images/1.jpg";

slideshow[1] = new Image();
slideshow[1].src= "images/2.jpg";

slideshow[2] = new Image();
slideshow[2].src= "images/3.jpg";


var inc = 0;

function slide(){
document.getElementById('slide').src = slideshow[inc].src;
if(inc<2)
inc++;
else
inc = 0;
setTimeout("slide()",2000);
}
slide();

Answer 1

你无法单独使用Javascript，因为CSS控制了淡入淡出的不透明度。但有你的线索。使用javascript来控制图像的不透明度，因为在评论中，您说您不想使用CSS动画属性，并且不透明度应该适用于每个浏览器。

如何使用javascript淡化和淡出图像

1 个答案: