Question

我有问题。我试图用这个代码改变div上的最后一个图像：

var rand = Math.floor(8*Math.random()+1);
$("#foto-"+ rand).fadeIn("slow", function() {
    $("#foto-"+ rand).html('<img style="position: relative;" height="100%" src="slides/'+ Math.floor(fotos*Math.random()+1) +'.jpg" />');
});

此代码更改图像，但无效显示。

Answer 1

我认为你不能那样使用fadeIn。您可以使用fadeIn使项目可见，但不能对DOM进行更改。您应该使用animate来制作自定义动画，我在此处演示：http://jsfiddle.net/KMuN3/。

然而，在这种情况下，animate可能是矫枉过正的，因为你真的需要淡出并进入。只需这样做：

var rand = Math.floor(8*Math.random()+1);
$("#foto-"+ rand).fadeOut();
$("#foto-"+ rand).html('<img style="position: relative;" height="100%" src="slides/'+ Math.floor(fotos*Math.random()+1) +'.jpg" />');
$("#foto-"+ rand).fadeIn();

Answer 2

试试这个：

var rand = Math.floor(8*Math.random()+1);
$("#foto-"+ rand).hide();
$("#foto-"+ rand).html('<img style="position: relative;" height="100%" src="slides/'+ Math.floor(fotos*Math.random()+1) +'.jpg" />');
$("#foto-"+ rand).fadeIn("slow");

jQuery FadeIn efect改变图像

2 个答案: