Забыли пароль?
Запросите новый здесь.

Автор темы: ovas
ID темы: 2714
Информация:
Тема содержит 4 сообщения, была просмотрена 1206 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 9 версии » Темы оформления 9 версии
 Распечатать тему
Про слайдер в новостях
ovas
По умолчанию высота слайдера 300px. Ставил различный размер картинок в новостях. В слайдере выдаётся полюбому увеличенная картинка, то есть не вписываются в размер слайдера. Поменял высоту слайдера до 600px и размер картинок до 300px. Слайдер стал огромным, но картинка вписывается, что не говорит о её качестве. Просто интересует формула адекватного отображения картинки в слайдере. Есть такое?
 
Web
Deorchik
ovas, пример бы,... а так, только гадать...
гадаю....
Скачать исходники  Код
<div style="height: 300px; width: 300px;">
          <img src="" alt="" style=" width: 100%;">
</div>


 
Web
Polarfox
слайдеры разные, есть которые работают с любыми картинками, но лучше всего подгонять под настроенный слайдер их.

пробовал подогнать?
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 
ovas
поменял на 600px. Картинку сжал до 300px. В каруселе она раздувается, но показывает всю картинку. В оригинале на 300px и при различных размерах картинки в карусели выдаётся часть картинки
<div class="carousel-inner" style="height:600px" role="listbox">
<div class="item">
<img class="img-responsive" style="position:absolute; width:100%; margin-top:-25%" src="infusions/news/images/php-fusion_6.jpg" alt="Установка движка PHP-Fusion 9.0 RC 3 и сопутствующий тюнинг сайта на его основе">
Как сделать чтоб в карусельки картинка отображалась в реальном масштабе?
Слайдер стандартный от девятки

Короче, удалил в строке margin-top:-25% и height:300px поменял на 500 px после картинка в слайдере встала ровно.
Было
<div class="carousel-inner" style="height:300px" role="listbox">
$carousel_item .= "<img class='img-responsive' style='position:absolute; width:100%; margin-top:-25%' src='".$news_item['news_image_src']."' alt='".$news_item['news_subject']."'>\n";
Стало
<div class="carousel-inner" style="height:500px" role="listbox">
$carousel_item .= "<img class='img-responsive' style='position:absolute; width:100%;' src='".$news_item['news_image_src']."' alt='".$news_item['news_subject']."'>\n";
Изменил(а) ovas, 20.06.2016 16:24
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум: