Query плагин elevatezoom

**maxg5** · 10.05.2016 18:16

Сайт на CMS OpenCart последней версии.
Для увлечения изображений использую jQuery плагин elevatezoom.
Нужно на одной странице применять один и тот же эффект для нескольких изображений. А эффект увлечения работает только для первого изображения на странице.

Код HTML:

<head> <script src="catalog/view/javascript/jquery/jquery-2.2.3.min.js" type="text/javascript"></script> <script src="/catalog/view/javascript/jquery/jquery.elevateZoom-3.0.8.min.js" type="text/javascript"></script> </head>

Код HTML:

<p class="hh3">ЦВЕТОВАЯ ГАММА PVC STANDART</p> <div class="cvet_gam_b"> <img id="zoom_01" src="/image/catalog/cvetovaya-gamma_small/Дуб светлый.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Дуб светлый.jpg" /> <p class="zag">Дуб светлый</p> </div> <div class="cvet_gam_b"> <img id="zoom_01" src="/image/catalog/cvetovaya-gamma_small/Золотой дуб.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Золотой дуб.jpg" /> <p class="zag">Золотой дуб</p> </div> <script>
  $("#zoom_01").elevateZoom();
</script>

**OKyJIucT** · 10.05.2016 18:55

Добавьте сюда

Код:

<img id="zoom_01" src="/image/catalog/cvetovaya-gamma_small/Дуб светлый.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Дуб светлый.jpg" />

класс, например, вместо id="zoom_01" (делайте это с каждой картинкой, к которой надо применить данный плагин)

Код:

<img class="elevateZoom" src="/image/catalog/cvetovaya-gamma_small/Дуб светлый.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Дуб светлый.jpg" />

и инициализируйте плагин вот так

Код:

<script>
  $(".elevateZoom").elevateZoom(); 
</script>

**maxg5** · 14.05.2016 10:08

OKyJIucT, Спасибо!

	10.05.2016 18:16 #1
maxg5 Новичок Регистрация: 04.03.2016 Сообщений: 28 Репутация: 1	Сайт на CMS OpenCart последней версии. Для увлечения изображений использую jQuery плагин elevatezoom. Нужно на одной странице применять один и тот же эффект для нескольких изображений. А эффект увлечения работает только для первого изображения на странице. Код HTML: <head> <script src="catalog/view/javascript/jquery/jquery-2.2.3.min.js" type="text/javascript"></script> <script src="/catalog/view/javascript/jquery/jquery.elevateZoom-3.0.8.min.js" type="text/javascript"></script> </head> Код HTML: <p class="hh3">ЦВЕТОВАЯ ГАММА PVC STANDART</p> <div class="cvet_gam_b"> <img id="zoom_01" src="/image/catalog/cvetovaya-gamma_small/Дуб светлый.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Дуб светлый.jpg" /> <p class="zag">Дуб светлый</p> </div> <div class="cvet_gam_b"> <img id="zoom_01" src="/image/catalog/cvetovaya-gamma_small/Золотой дуб.jpg" data-zoom-image="/image/catalog/cvetovaya-gamma/Золотой дуб.jpg" /> <p class="zag">Золотой дуб</p> </div> <script> $("#zoom_01").elevateZoom(); </script> Последний раз редактировалось maxg5; 10.05.2016 в 18:18.
0 maxg5

	14.05.2016 10:08 #3
maxg5 Новичок Регистрация: 04.03.2016 Сообщений: 28 Репутация: 1	OKyJIucT, Спасибо!
0 maxg5

Темы	Раздел	Ответов	Последний пост
HTraffic Query бесплатный скрипт подстраивающий сайт под запрос пользователя	Софт, скрипты, сервисы	0	07.08.2014 19:47
Плагин вставки контекстнoй рeкламы в центр статьи через плагин джумлa	Joomla	3	30.01.2014 14:29
Ошибка "Query- определение отсутствует" появляется только в IE	Web программирование	3	26.12.2013 12:30
Ошибка 'query was empty'	Web программирование	0	29.10.2012 18:21
Action формы на себя и query string	Web программирование	5	25.03.2012 19:27

Query плагин elevatezoom

Опции темы

Спасибо сказали:

Тэги топика:

Похожие темы

HTraffic Query бесплатный скрипт подстраивающий сайт под запрос пользователя

Плагин вставки контекстнoй рeкламы в центр статьи через плагин джумлa

Ошибка "Query- определение отсутствует" появляется только в IE

Ошибка 'query was empty'

Action формы на себя и query string

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры