У li есть заданная ширина, если ширина изображения больше ширины li изображение центрируестья с помощью отрицательного margin-left. Код работает но ко всем элементам, а нужно только к тому где img больше li
Если можно поясните мою ошибку, т.к. изучаю. Спасибо!
<div class="wrap_slider_services">
<ul>
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
</div>
jQuery(document).ready(function($) {
$('.wrap_slider_services ul li').each(function(){
var w_li = $(this).width();
var w_img = $(this).find('img').width();
if(w_img > w_li){
$(this).find('img').css('margin-left', 'calc(-50% - 50%)');
}
});
});