Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Создание preview картинки

00 голосов
3
Опишите, пожалуйста, процесс размещения (с технической точки зрения) на странице preview картинки, чтобы при наведении или нажатии курсором мыши картинка увеличивалась.

Спасибо!
спросил 29 Июнь, 13 от Trapper (120 баллов)

3 Ответы

00 голосов
Найдите любой скрипт, типа, Lightbox, коих в интернете невероятное множество, и установите его согласно инструкциям к нему. К Битриксу это не имеет никакого отношения.
ответил 29 Июнь, 13 от ranger (900 баллов)
00 голосов
Самый простой вариант:
Код
      <div onmouseover="this.firstChild.style.display='block'" onmouseout="this.firstChild.style.display='none'"><div style="position:absolute; background-color: yellow; border: 1px black solid; margin: -10px 40px; 0px 0px; display:none;">Описание товара</div>
         Наведи на меня
      </div>
      
      <div onclick="this.firstChild.style.visibility=this.firstChild.style.visibility=='hidden'?'visible':'hidden'"><div style="position: absolute; margin-left: 200px; border: 1px red solid; background-color: lime; visibility: hidden">Описание</div>
         Кликни на меня
      </div>

Более сложные (красивые) - см документацию к jquery
ответил 01 Авг, 13 от Eddie (2,060 баллов)
00 голосов
В инфоблоках в стандарте нет, посмотрите тут
ответил 02 Ноя, 13 от H9kA (480 баллов)

Похожие вопросы

0 голосов
7 ответов
спросил 07 Авг, 13 от SonyTV (240 баллов)
0 голосов
4 ответов
0 голосов
7 ответов
спросил 22 Авг, 13 от PeG (300 баллов)
+1 голос
2 ответов
+1 голос
2 ответов