淡入和淡出從右到左

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/