jQuery Анимация изображений

Question

Я разрабатываю передний конец, и в основном есть функция, которую я не могу понять, как это сделать.

У меня есть 2 фоновых изображения и на каждом изображении у меня есть кнопка. Когда я нажимаю на кнопку, противоположное изображение приближается к экрану. Я делаю это с jquery, и анимация работает правильно. Однако у меня проблемы с изменением размера изображения. Когда я изменяю размер окна, правильное изображение остается над левым изображением, и я не хочу этого. Вот ссылка того, что я пытаюсь сделать. http://franciscowanzeller.com/animation-example/panel.html

Любые предложения? Надеюсь, ты поможешь мне.

Answer 1

Вы можете применить width к тому, что оба div слева и справа при изменении размера экрана. подобные

$(window).resize(function() { 
    var w = ($(window).width())/2; //half width of window 
    $("div .left").css({width : w+'px'}); 
    $("div .right").css({width : w+'px'}); 
});