Как настроить плагин AJAX-ZOOM - "image map" outside

@Stranger · Регистрация: 27.07.2019

Студворк — интернет-сервис помощи студентам

Здравствуйте. Понравился плагин AJAX-ZOOM - "image map" outside. Но настроить его не получается.
Сделал все по документации. Но работать нечего не хочет. Вот этот плагин http://kochan.ru/examples/example20.php

У меня тоже все крутится, но картинки не погружаются. Получилось все точно так-же как и в примере)

Вот еще пример но с работающим плагином https://www.ajax-zoom.com/examples/example20.php
Взял исходник уже с ихнего сайта. Казалось, но теперь то должно работать. Но нет, не помогло. Подскажите что не так?

@sash · 22.02.2023, 23:16

Что надо, масштабировать картинку?

Всё, понял) Может не ту версию jQuery подключаешь

@Stranger · 23.02.2023, 15:55 **[ТС]**

Не подтягиваются картинки. Почему не могу понять. Jquery использую версию 3. 6. 3 если не ошибаюсь, то на сегодняшний день она считается последней версией и использую еще и старую версия 1. 12. 4. она была уже в шаблоне шаблон 2017 года. Там получается, сам плагин отлично встал в шаблон и частично работает. Это крутится карусель для галереи товаров. и прелоадер крутится, но картинок нет. Пути к картинкам проверил - все верно прописаны.

У меня работает То, что также как и показано тут. http://kochan.ru/examples/example20.php Только у меня :hover по наведению нет.

@xkkx · 24.02.2023, 00:10

Логично

@xkkx · 24.02.2023, 00:26

Вообще не могу понять, зачем зуму работать от сервера ? Бред какой - то. Зум делается прекрасно стандартными средствами JS выбросите этот модуль.

Добавлено через 14 минут
Да и вообще. Что там такого должно быть в PHP что аж ionCube понадобился ? Ну допустим наводим мышку, получаем область. Передаём область в PHP файл, расширяем до нужных размеров от точки курсора учитывая границы. И через GD вырезаем её из исходной картинки, и отдаём в буфер вывода.

На кой там нафиг ionCube ? Бред псилой кабылы.

@Stranger · 24.02.2023, 17:56 **[ТС]**

Сообщение от xkkx

Логично

И что нужно сделать, чтобы он полноценно уже заработал?

@xkkx · 24.02.2023, 19:04

Сообщение от Stranger

И что нужно сделать, чтобы он полноценно уже заработал?

Установить на сервер то, что он просит. Что бы ошибка ушла

@Stranger · 25.02.2023, 23:45 **[ТС]**

Просто перенес на хостинг. И заработало. Появились новые задачи.

Нужно что-то сделать с надписью. AJAX-ZOOM 5 :: Demo version. Ключ активации нужен. Скорей всего придется приобрести его.

И как полученную строку вывести в самом js коде?

PHP
1
2
3
<script type="text/javascript">
     var product_img = '<?=json_encode($getting_product['viewing_the_product']);?>';
</script>

JavaScript
1
2
3
4
5
6
var img, i = 1;
 
for (var key in product_img) {
    img += i+': {img: "/image/product/'+product_img[key]+'", title: "'+product_img[key]+'"},';
    i++;
}

переменную img вывести в js

@Stranger · 26.02.2023, 18:58 **[ТС]**

Подскажите как вывести строки средствами js

Пройтись по циклу и сформировать такие строки

JavaScript
1
2
3
4
1: {img: "/image/product/test_fashion1.png", title: "test_fashion1.png"},
2: {img: "/image/product/test_fashion2.png", title: "test_fashion2.png"},
3: {img: "/image/product/test_fashion3.png", title: "test_fashion3.png"},
...

JavaScript
1
2
3
images: {
    // готовый результат вывести здесь
}

@Stranger · 07.03.2023, 22:47 **[ТС]**

Как узнать что за плагин используется на сайте в карточке продукта?

https://fashion.redsign.ru/cat... pointelle/

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .

@Stranger 15 / 11 / 7 Регистрация: 27.07.2019 Сообщений: 310

	Как настроить плагин AJAX-ZOOM - "image map" outside 22.02.2023, 13:33. Показов 901. Ответов 9 Метки нет (Все метки) Здравствуйте. Понравился плагин AJAX-ZOOM - "image map" outside. Но настроить его не получается. Сделал все по документации. Но работать нечего не хочет. Вот этот плагин http://kochan.ru/examples/example20.php У меня тоже все крутится, но картинки не погружаются. Получилось все точно так-же как и в примере) Вот еще пример но с работающим плагином https://www.ajax-zoom.com/examples/example20.php Взял исходник уже с ихнего сайта. Казалось, но теперь то должно работать. Но нет, не помогло. Подскажите что не так? Миниатюры 0

@sash 89 / 87 / 49 Регистрация: 09.10.2014 Сообщений: 571
	22.02.2023, 23:16
	Что надо, масштабировать картинку? Всё, понял) Может не ту версию jQuery подключаешь 0

@Stranger 15 / 11 / 7 Регистрация: 27.07.2019 Сообщений: 310
	23.02.2023, 15:55 [ТС]
	Не подтягиваются картинки. Почему не могу понять. Jquery использую версию 3. 6. 3 если не ошибаюсь, то на сегодняшний день она считается последней версией и использую еще и старую версия 1. 12. 4. она была уже в шаблоне шаблон 2017 года. Там получается, сам плагин отлично встал в шаблон и частично работает. Это крутится карусель для галереи товаров. и прелоадер крутится, но картинок нет. Пути к картинкам проверил - все верно прописаны. У меня работает То, что также как и показано тут. http://kochan.ru/examples/example20.php Только у меня :hover по наведению нет. 0

@xkkx 132 / 76 / 16 Регистрация: 08.07.2022 Сообщений: 309
	24.02.2023, 00:10
	Логично Миниатюры 0

@xkkx 132 / 76 / 16 Регистрация: 08.07.2022 Сообщений: 309
	24.02.2023, 00:26
	Вообще не могу понять, зачем зуму работать от сервера ? Бред какой - то. Зум делается прекрасно стандартными средствами JS выбросите этот модуль. Добавлено через 14 минут Да и вообще. Что там такого должно быть в PHP что аж ionCube понадобился ? Ну допустим наводим мышку, получаем область. Передаём область в PHP файл, расширяем до нужных размеров от точки курсора учитывая границы. И через GD вырезаем её из исходной картинки, и отдаём в буфер вывода. На кой там нафиг ionCube ? Бред псилой кабылы. 0

@Stranger 15 / 11 / 7 Регистрация: 27.07.2019 Сообщений: 310
	07.03.2023, 22:47 [ТС]
	Как узнать что за плагин используется на сайте в карточке продукта? https://fashion.redsign.ru/cat... pointelle/ Миниатюры 0