Увеличение картинки при наведении

  • 4 Ответов
  • 330 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Galina2307

  • Осваиваюсь на форуме
  • ***
  • 120
  • 0
Добрый день,

В данный момент использую плагин Simple Image Gallery для вывода картинок

Не устраивает что он выводит такой код прямо в тексте
Спойлер
[свернуть]

Так же отсутствует возможность прописать тайтл и alt

Подскажите как можно реализовать просмотр картинок которые находится в одном материале.

Необходимо что бы при клике картинка увеличивалась и возможно было пролистать картинки и посмотреть их все кликнув на одну.

*

vipiusss

  • Профи
  • ********
  • 5513
  • 318
  • JoomlaNet
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

pavelrer

  • Завсегдатай
  • *****
  • 412
  • 8
Re: Увеличение картинки при наведении
« Ответ #2 : 21.07.2016, 16:31:31 »
Я? извеняюсь, но как вы думаете кто будет сотреть то что ниже?

!-- JoomlaWorks "Simple Image Gallery" Plugin (v3.0.1) starts here -->

<ul id="sigFreeIdd5f0ab30e9" class="sigFreeContainer sigFreeClassic">
      <li class="sigFreeThumb">
      <a href="/images/svetovoy korob/svetovye koroba/svetovye korobo/-svetovye%20korobo.jpg" class="sigFreeLink fancybox-button" style="width:200px;height:160px;" rel="fancybox-button[galleryd5f0ab30e9]" target="_blank">
         <img class="sigFreeImg" src="/plugins/content/jw_sig/jw_sig/includes/images/transparent.gif" alt="" style="width:200px;height:160px;background-image:url(/cache/jw_sig/jw_sig_cache_d5f0ab30e9_-svetovye_korobo.jpg);" />
      </a>
   </li>
      <li class="sigFreeThumb">
      <a href="/images/svetovoy korob/svetovye koroba/svetovye korobo/svetovye%20korobo-.jpg" class="sigFreeLink fancybox-button" style="width:200px;height:160px;" rel="fancybox-button[galleryd5f0ab30e9]" target="_blank">
         <img class="sigFreeImg" src="/plugins/content/jw_sig/jw_sig/includes/images/transparent.gif" alt="" style="width:200px;height:160px;background-image:url(/cache/jw_sig/jw_sig_cache_d5f0ab30e9_svetovye_korobo-.jpg);" />
      </a>
   </li>
      <li class="sigFreeThumb">
      <a href="/images/svetovoy korob/svetovye koroba/svetovye korobo/svetovye%20korobo.jpg" class="sigFreeLink fancybox-button" style="width:200px;height:160px;" rel="fancybox-button[galleryd5f0ab30e9]" target="_blank">
         <img class="sigFreeImg" src="/plugins/content/jw_sig/jw_sig/includes/images/transparent.gif" alt="" style="width:200px;height:160px;background-image:url(/cache/jw_sig/jw_sig_cache_d5f0ab30e9_svetovye_korobo.jpg);" />
      </a>
   </li>
      <li class="sigFreeThumb">
      <a href="/images/svetovoy korob/svetovye koroba/svetovye korobo/svetovye-korobo.jpg" class="sigFreeLink fancybox-button" style="width:200px;height:160px;" rel="fancybox-button[galleryd5f0ab30e9]" target="_blank">
         <img class="sigFreeImg" src="/plugins/content/jw_sig/jw_sig/includes/images/transparent.gif" alt="" style="width:200px;height:160px;background-image:url(/cache/jw_sig/jw_sig_cache_d5f0ab30e9_svetovye-korobo.jpg);" />
      </a>
   </li>
      <li class="sigFreeClear">&nbsp;</li>
</ul>

<div class="sigFreePrintMessage">
   View the embedded image gallery online at:
   <br />
   
</div>

<!-- JoomlaWorks "Simple Image Gallery" Plugin (v3.0.1) ends here -->

 ;D

Как убрать пустышку типа alt="", ну админы же вынесли в скрепку в ветки!


*

Galina2307

  • Осваиваюсь на форуме
  • ***
  • 120
  • 0
Re: Увеличение картинки при наведении
« Ответ #3 : 21.07.2016, 16:36:55 »
Я? извеняюсь, но как вы думаете кто будет сотреть то что ниже?
Спойлер
[свернуть]

 ;D

Как убрать пустышку типа alt="", ну админы же вынесли в скрепку в ветки!



Если честно я вообще не поняла, о чем вы

*

pavelrer

  • Завсегдатай
  • *****
  • 412
  • 8
Re: Увеличение картинки при наведении
« Ответ #4 : 21.07.2016, 16:54:46 »
Я еще раз извенямбус, но может hover: или как там по научнму вам поможет!