模态img大小的CSS转换

Question

我有简单的响应模式。一个问题。我无法理解我应该在哪里设置图像转换以在prev-next按钮上触发它。我希望模式窗口在按钮被触发时调整大小。当我在.modal-content img上使用转换时，它不起作用 图像代码

.modal-content img {
display:block;
position:relative;
width:100%;
max-width:100%;
height:auto;
transition:width 500ms linear, height 500ms linear;
}



.button-click {
    width:auto;
    height:auto;
   }

按钮代码

$('.btnModal-right').click(function(){
    clicked.next().find('img').addClass('button-click').trigger('click');
});

$('.btnModal-left').click(function(){
    clicked.prev().find('img').addClass('button-click').trigger('click');
}); 

你能指出我正确的方向吗？ 谢谢！