Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Rinz

Recommended Posts

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

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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


<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%;
}

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.