Просмотр темы
 Про слайдер в новостях
|
|
| ovas |
Опубликовано 10.06.2016 14:24
|
 Опытный пользователь  Сообщений: 232 Зарегистрирован: 10.05.2016 13:40 |
По умолчанию высота слайдера 300px. Ставил различный размер картинок в новостях. В слайдере выдаётся полюбому увеличенная картинка, то есть не вписываются в размер слайдера. Поменял высоту слайдера до 600px и размер картинок до 300px. Слайдер стал огромным, но картинка вписывается, что не говорит о её качестве. Просто интересует формула адекватного отображения картинки в слайдере. Есть такое?
|
|
|
|
| Deorchik |
Опубликовано 12.06.2016 23:10
|
 Опытный пользователь Сообщений: 283 Зарегистрирован: 27.12.2012 10:30 |
ovas, пример бы,... а так, только гадать... гадаю....  Код<div style="height: 300px; width: 300px;"> |
|
|
|
| Polarfox |
Опубликовано 13.06.2016 11:38
|
 Администратор  Разработчики  Группа поддержки  Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03 |
слайдеры разные, есть которые работают с любыми картинками, но лучше всего подгонять под настроенный слайдер их. пробовал подогнать? Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
|
| ovas |
Опубликовано 17.06.2016 16:10
|
|
Опытный пользователь Сообщений: 232 Зарегистрирован: 10.05.2016 13:40 |
поменял на 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 |
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
