Увеличение изображения при наведении (модуль manufacturer)

Kalipso

Захожу иногда
89
0 / 1

Увеличение изображения при наведении (модуль manufacturer)

« : 30.11.2013, 04:33:33 »

Здравствуйте,
В модуле "Производители" логотипы этих самых производителей загружаются через админку. Можно ли как-то сделать, чтобы при наведении на логотип он немного увеличивался?
Просто через CSS некрасиво

Код

.manuf a:hover img {width:106%;height:106%;}

Увеличенное изображение, естественно, становится нерезким.
Можно ли что-то прописать в код модуля, чтобы при наведении на логотип подгружалось чуть увеличенное изображение производителя? То есть картинка с производителем, например, logo.png, а увеличенная картинка имела бы имя logo-abc.jpg. То есть руками загружаем в ту же самую папку components\com_jshopping\files\img_manufs картинки с именами файлов proizv1-abc.png, proizv2-abc.png и т.д., и они бы подгружались при наведении в модуле на логотип производителя.

Код модуля:

Код

div class="manufactuter_list">
<?php
  foreach($list as $curr){
      $class = "jshop_menu_level_0";
	  if ($curr->manufacturer_id == $manufacturer_id) $class = $class."_a";      
      ?>
      <div class="manuf">
            <a href = "<?php print $curr->link?>">
                <?php if ($show_image && $curr->manufacturer_logo){?>
                    <img align = "absmiddle" src = "<?php print $jshopConfig->image_manufs_live_path."/".$curr->manufacturer_logo?>" alt = "<?php print $curr->name?>" title = "<?php print $curr->name?>" />
                <?php } ?>
            </a>
      </div>
<?php } ?>
</div>

« Последнее редактирование: 30.11.2013, 09:00:37 от Kalipso »

Записан

nevigen

Moderator
10451
863 / 25
http://n*****n.com

Re: Увеличение изображения при наведении (модуль manufacturer)

« Ответ #1 : 30.11.2013, 11:04:32 »

Код

.manuf a img {width:95%;height:95%;}
.manuf a:hover img {width:100%;height:100%;}

не ?

Записан

Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

Kalipso

Захожу иногда
89
0 / 1

Re: Увеличение изображения при наведении (модуль manufacturer)

« Ответ #2 : 30.11.2013, 15:20:19 »

Цитата: nevigen от 30.11.2013, 11:04:32

Код

.manuf a img {width:95%;height:95%;}
.manuf a:hover img {width:100%;height:100%;}

не ?

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

Записан

[Решено] Увеличение выбора покупаемых товаров + - Автор Aspik	Ответов: 216 Просмотров: 51131	02.08.2023, 21:31:25 от kit2m2
Смена фото при наведении в списке товаров категории Автор Taatshi	Ответов: 57 Просмотров: 7135	15.06.2023, 15:53:25 от Akeksandr
Плагин - Наложение маски на изображения объектов JoomShopping [Скачать] Автор kit2m2	Ответов: 5 Просмотров: 4779	20.09.2022, 11:51:02 от kit2m2
Удаление изображения категории внутри категории Автор Concolor	Ответов: 34 Просмотров: 4286	10.04.2021, 18:11:02 от Concolor
Описание товара справа от изображения в карточке товара Автор sifoz	Ответов: 15 Просмотров: 7253	01.01.2021, 14:27:56 от nevigen

Увеличение изображения при наведении (модуль manufacturer) - Дизайн и оформление

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Kalipso

Увеличение изображения при наведении (модуль manufacturer)

nevigen

Re: Увеличение изображения при наведении (модуль manufacturer)

Kalipso

Re: Увеличение изображения при наведении (модуль manufacturer)

Похожие темы