авторесайз баннеров

[Rinz]

у меня 100% шаблон, где все изменяется по ширине экрана, кроме баннеров и слайдшоу. из-за того, что у них жесткие фиксированные размеры - все плывет.

Есть модули для вывода баннеров и слайдшоу, которые изменяют размер картинок в зависимости от разрешения экрана?

[larik]

у меня 100% шаблон, где все изменяется по ширине экрана, кроме баннеров и слайдшоу. из-за того, что у них жесткие фиксированные размеры - все плывет.

Есть модули для вывода баннеров и слайдшоу, которые изменяют размер картинок в зависимости от разрешения экрана?

Поддерживаю Вопрос. Может как-то можно slideshow.css подредактировать.

[Rinz]

Слайдшоу - решено методом выпиливания NivoSlider и впиливания FlexSlider

http://freeams.ru/lessons/lessons-code/kak-sdelat-adaptivnyiy-rezinovyiy-slayder-izobrazheniy-s-pomoshhyu-jquery-i-css3.html - эта статья помогла.

с баннерами вопрос открыт

[Rinz]

удалось жетско зафиксировать три баннера в одну линию. резайз должен происходить методами самих браузеров. в моззиле и опере работает, в хроме - нет

[Yoda]

Выпилите из контроллеров ресайз, и вставьте прямые ссылки на исходные изображения, ну и изображения готовьте в нужном размере.. и все.

[Rinz]

<div class="homepage">
<table class="list"> // никаких стилей не применяется
<tr>
<td style="width: 33.3333333333%;">
<img alt="" src="http://site/image/data/banner1.png" style="height: 219px;" />
</td>
<td style="width: 33.3333333333%;">
<img alt="" src="http://site/image/data/banner2.png" style="height: 219px; float: left;" />
</td>
<td style="width: 33.3333333333%;">
<img alt="" src="http://site/image/data/banner3.png" style="height: 219px; float: left;" />
</td>
</tr>
</table>
</div>

.homepage {
z-index: 2;
overflow: auto;
position: relative;
white-space: nowrap;
}
.homepage img {
width: 100%;
}

в хроме к этому блоку просто добавляется полоса прокрутки, если уменьшить окно. в других браузерах - уменьшаются картинки пропорционально