Jquery 如何淡入/淡出不同大小的图像，并获得；“好”；结果如何？

我正在尝试淡入淡出画廊的图像

我的错误结果是：

我正在使用jquery：

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

如何正确地幻灯片显示（使用淡入/淡出）不同大小的图像

---

谢谢

创建一个x宽y高的容器。在图像上放置与“最大宽度”和“最大高度”相同的宽度和高度，或者在图像上放置

对象适合度：封面

或

对象适合度：包含

（取决于您的喜好）

检查此代码笔

---

让它们都一样大？您的外部网站已被我（毫无疑问还有其他人）屏蔽，更重要的是，将来可能会发生变化（当您开始工作时），使此问题变得毫无用处-您能否在此处的片段中重现此问题？您是否尝试过使用

.fadeOut（1000，'linear'）

和

.fadeIn（1000，'linear'）

？似乎在你的网站上，放松对你来说是一团糟，尝试不同的放松功能。你的所有元素都附加了过渡，这就是为什么动画不按预期工作，在你的代码中添加一行css，它将按预期工作div#slideshow*{transition:none！important；}

$("#slideshow > div:gt(0)").hide();
var index =0;
    setInterval(function(){
        var ss = $("#slideshow > div"),
            first,second,len = ss.length;
        first = ss.get(index);
        index++;
        if(index >= len) {index = 0;} // jump back to first
        second = ss.get(index);

        $(first).fadeOut(300,function(){
            $(second).fadeIn(300);
        });         
    },3000);