Перейти к содержанию
Официальный форум поддержки Simpla

Рекомендуемые сообщения

может кто подскажет как сделать, чтобы при наведении на картинку товара появлялась лупа.
Везде решения только плагинами. может проще как то можно?

Ссылка на сообщение
Поделиться на другие сайты

Инна! Ты же сама пишешь: "Везде решения только плагинами." - очевидно что если бы было более простое решение, без Javascript - везде было бы оно! =)

Ссылка на сообщение
Поделиться на другие сайты

Подскажу:
Картинка должна выводиться как фон

<div style="width:200; height:200;background:url..."></div>


А при наведении мыши должна появляться лупа

:hover{тра-ля-ля}
Ссылка на сообщение
Поделиться на другие сайты

Как я понял - речь идет вовсе не об этом. Наверняка имеется ввиду вариант когда водишь мышкой по уменьшенной фотографии, при этом видишь увеличенную облать рядом.

Ссылка на сообщение
Поделиться на другие сайты

При реализации лупы через CSS будут сразу грузиться оба изображения, в то время как лупой воспользуются далеко не на каждом товаре, а значит бесполезная нагрузка на сервер. Да и вообще извращение это. Скриптом покрасивше будет и функциональнее.

Ссылка на сообщение
Поделиться на другие сайты

levinside, нет, мне нужно именно чтобы на фоне изображения при наведении появлялась полупрозрачная лупа.
Novecheg , спасибо, завтра попробую.

Ссылка на сообщение
Поделиться на другие сайты

И лупа, и увеличение при наведении, и выбор поля для увеличения прямоугольником (чтобы увеличенный участок изображения открывался рядом) - вообще без проблем :)



Ссылка на сообщение
Поделиться на другие сайты
  • 2 месяца спустя...

такую лупу как на 2 фото выше можно сделать на css3, только это вызовет тьму сообщений, почему не работает в таком то браузере, бла бла бла...

Ссылка на сообщение
Поделиться на другие сайты
  • 4 месяца спустя...

Попробуйте вот этот плагин http://zoomsl.tw1.ru. Похож на Cloud Zoom, но совершенно бесплатен. Работает во всех браузерах, даже в ие8 поддерживается плавность анимации, чего не скажешь про другие бесплатные плагины.

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...