淡入和淡出从右到左

Question

我从左至右，右想淡入到左使这样的事情：

这是我的代码，但是这不工作：

$(lastSlide).animate({ width: 'toggle', height:'340', opacity: 'toggle' }, "slow"); 

这就是我得到：

Answer 1

问题是，您通过减小图像的宽度来获取失真。尝试包在div图像：

<div id="main"> 
    <div id="img1"> 
    <img src="..."/> 
    </div> 
    <div id="img2"> 
    <img src="..."/> 
    </div> 
</div> 

$("#img2").animate({ width: 'toggle', height:'340', opacity: 'toggle' }, "slow"); 

简单的例子：https://jsfiddle.net/12x4cauv/