Форум русской поддержки Joomla!® CMS
03.12.2016, 04:27:36 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Обрезание картинки новости по ширине и высоте в K2

 (Прочитано 496 раз)
0 Пользователей и 1 Гость смотрят эту тему.
AlucarD
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 82


« : 27.05.2015, 06:50:23 »

Добрый день друзья, помогите сделать картинкам новостей фиксированный размер по ширине и высоте. На форуме уже было подобное обсуждение, но тема очень стара и способы которые там описываются не работают на текущей версии K2.
Записан
jurassik
Завсегдатай
*****

Репутация: +49/-1
Offline Offline

Сообщений: 662


« Ответ #1 : 27.05.2015, 08:35:44 »

работают, в к2 ничего нового давно нет
Записан
AlucarD
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 82


« Ответ #2 : 27.05.2015, 10:28:54 »

Можно пруф
Записан
xTARANTINOx
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 37


« Ответ #3 : 27.05.2015, 11:42:11 »

Новости выводятся я так понимаю в виде блога.
Вообще идея такая в шаблоне вывода задаем ширину изображения вручную а высоту автоматом.
Заключаем этот блок в <div style="height:высота;overflow:hidden;wilth:ширина изображения"></div>
по ширине будет тогда всегда один размер а по высоте если картинка  выходит за рамки будет ее просто обрезать.
Записан
AlucarD
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 82


« Ответ #4 : 27.05.2015, 12:28:12 »

А можно подробнее, как, где и что делать)? в коде не силен
Записан
xTARANTINOx
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 37


« Ответ #5 : 27.05.2015, 12:53:47 »

category_item.php

у вас там что то такое

Код:

<?php if($this->item->params->get('catItemImage') && !empty($this->item->image)): ?>
 <!-- Item Image -->
 <div class="catItemImageBlock">
 <span class="catItemImage">
   <a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">
    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
   </a>
 </span>
 <div class="clr"></div>
 </div>
 <?php endif; ?>

А нужно исправить как то так

Код:
<?php if($this->item->params->get('catItemImage') && !empty($this->item->image)): ?>
 <!-- Item Image -->
 <div class="catItemImageBlock" style="overflow:hidden;height:100px;width:150px;">
 <span class="catItemImage">
   <a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">
    <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:100px; height:auto;" />
   </a>
 </span>
 <div class="clr"></div>
 </div>
 <?php endif; ?>

 <?php if($this->item->params->get('catItemIntroText')): ?>
 <!-- Item introtext -->
 <div class="catItemIntroText">
  <?php echo $this->item->introtext; ?>
 </div>
 <?php endif; ?>

Но такой вариант в любом случаи равняет ширину но если высота изображения после того как растянет на всю ширину будет меньше 100px то по высоте его не растянет. По сути нужно будет просто подбирать картинки пропорциональные. и нужно подобрать высоту и ширину я тут указал просто для примера 100 на 150.
Записан
AlucarD
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 82


« Ответ #6 : 27.05.2015, 14:02:28 »

попробовал, не подходит данный способ. Нужно именно чтобы картинка резалась под конкретную высоту и ширину либо если картинка маленькая должна растягиваться под заданный размер, нужно как у сайта сделать http://www.cascadeprogaming.com/
Записан
AlucarD
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 82


« Ответ #7 : 27.05.2015, 15:53:31 »

нашел вот этот способ http://szenprogs.ru/blog/obrezka_kartinok_bez_izmenenija_proporcij_na_css/2012-12-28-148
помогите реализовать его в к2
Записан
xTARANTINOx
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 37


« Ответ #8 : 02.06.2015, 10:33:15 »

Ну это почти тот же вариант  только в нем обрезает и сверху и снизу.
Записан
xTARANTINOx
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 37


« Ответ #9 : 02.06.2015, 10:37:09 »

<div class="catItemImageBlock" style="overflow:hidden;height:100px;width:150px;">

в этом блоке задаем ширину и высоту а блок с изображением не меняем.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet