Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении размера окна как-то DIV остаётся по центру и обрезает не нужное и слева и справа. Простейший код: <div><img src="1.jpg" width="1700" height="424" /></div> Как его заставить обрезать лишнее с обеих сторон, например при изменении окна менее 1000? Пример сайта ivi.ru дан для наглядности. Если вызвать контекстное меню, то видно, что у них изображение, а не фон (его можно сохранить). Но при этом уменьшая ширину окна этот блок вместе с изображением остаётся по центру. Уже 4 дня мучаюсь и не могу сделать подобное. Возможно нужен в дополнение JS. Всем зарание спасибо.