выцветанию и выходить справа налево

Question

Я пытаюсь FadeIn слева направо и справа налево, чтобы сделать что-то вроде этого:

это мой код, но это не работает :

$(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/