senty

Вы прикалываетесь? На первом слайде работает все отлично и искал именно решение для img, а не background для div. Спасибо конечно

ну да, она пропорционально уменьшается. а вам как нужно, не пойму? Как в первом слайде.

В этом случае картинка меняет высоту. Если указать явную высоту, а ширину оставить как вы предложили, то она сужается. Можете посмотреть 2ой слайд. Результат нужен как на первом слайде.

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

На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый результат не достигался. Прошу помощи советом как добиться результата с использованием <img src=""/> аналогично результату <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;">