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

6 года 8 мес. назад #402 от diamondiger
Здравствуйте.

В конце статьи
wedal.ru/rasshireniya-joomla/jce-vizualnij-redaktor-dlya-joomla-chast2-osnovnie-instrumentyhtml.html
вы говорили что можно с помощью JCE реализовать увеличение изображения при клике по нему (как на этом сайте) Но потом эта тема развития не получила. Вопрос собственно как такое реализовать

ПС: для этого используется плагин lightbox? но какой именно?

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 8 мес. назад #410 от Wedal
diamondiger, про это я расскажу в ближайшей статье. Выйдет через 1-2 дня.
Спасибо сказали: diamondiger

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 8 мес. назад #413 от diamondiger
Спасибо. Буду следить за обновлениями.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1058 от RoonI
Сделал как описано в этой статье но изображение открывается в новом окне, а не плавно всплывает. Пробовал 3-м и 4-м способом.
Так:

вставить/редактировать ссылку - дополнительно - отношение страницы к цели - выбираем "LightBox".

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

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1062 от Wedal
RoonI, приведите все ваши действия прямо скриншотами. Постараюсь помочь разобраться.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад - 6 года 5 мес. назад #1064 от RoonI
Вначале загрузил картинку к себе на фтп-сервер. Потом вставляю в статью, скриншоты к 4-му способу.
На первом скрине выбрал нужною картинку, установил пару параметров..





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



Теперь вроде осталось нажать сохранить(или апдейт) что и делаю. Сохраняю редактирование статьи, клачаю на изображение, оно открывается в новом окне(((
Пробовал зайти в редактирование ссылки и выставить там отношение к странице - лайтбокс.



Не помогло.

Код, может что подскажет:
ВНИМАНИЕ: Спойлер! [ Нажмите, чтобы развернуть ]


Заранее благодарен за помощь!
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1068 от Wedal
RoonI, вот такой код вывода у меня:
<a href="/images/stories/ARTICLES/wedaltips/comments/comments.gif" title="joomla-comments-extended-system" target="_blank" rel="lightbox[]"><img width="263" height="197" src="/images/stories/ARTICLES/wedaltips/comments/comments.gif" alt="joomla-comments-extended-system" style="margin-bottom: 5px; margin-right: 5px; float: left;"></a>

Вообще, вы все делаете правильно. Попробуйте проверить изображения внутри статьи(не на общей странице. где выводится краткое описание).

Если не работает, то попробуйте сменить шаблон, поотключать дополнительные модули(в которых что-то плавает, двигается, и.т.д). Возможно, это конфликт скриптов.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1072 от RoonI
Wedal, пробовал вставить ваш код код к себе в статью - всеравно открывается в новом окне. Ну и с ошибкой, но это понятно, ведь по такому адресу у меня нету таких елементов. Модулей с анимациями нету, все лишние поотключал, не помогло( Шаблон менять не хочю, так как это для меня слишком много мороки. Возможно стоит поискать другие галереи, которые дают такую возможность...
Вот ссылка на статью, где применял ваш метод, посмотрите сами www.kuluarbc.com.ua/ru/pohod/krime/28-pohody-krym/109-lito2011.html

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1078 от Wedal
RoonI, посмотрел ваш сайт и не увидел в исходном коде страницы подключенных скриптов и CSS-файлов, отвечающих за появление Lightbox'а. А вот почему их там нет - хороший вопрос. Вообще, они должны подключаться с помощью плагинов, но можно попробовать и вручную. Посмотрите настройки image manager extended. Посмотрите какие из плагинов Joomla активированы.

В крайнем случае. Просто скопируйте скрипт и css лайтбокса из этого сайта, создайте аналогичные файлы и подключите их в вашем шаблоне.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1082 от diamondiger
RoonI Я чтобы заставить изображения увеличиваться использую плагин mavik Thumbnails Пока работал на всех сайтах где я пробовал его применять.
Еще мне нравится что не нужно создавать самому уменьшенное изображение:

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

Если не хотите чтоб плагин применялся ко всем изображениям то можно выбрать в дополнительных параметрах -"применять только для класа"

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад - 6 года 5 мес. назад #1083 от diamondiger
Скрипт и css лайтбокса можно проще подключить при помощи этого плагина lknlightbox - Slimbox . Тогда ручной метод должен работать. А Image Manager Extended у меня почемуто выдает ошибку:
Deprecated: Assigning the return value of new by reference is deprecated in V:\home\localhost\www\webmandry.com\plugins\editors\jce\tiny_mce\plugins\imgmanager_ext\classes\imgmanager.php on line 77
изображение ошибки прикрепил
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 5 мес. назад #1086 от RoonI

Посмотрите настройки image manager extended. Посмотрите какие из плагинов Joomla активированы.

Посмотрел, ничего странного не нашел, но может это только на мой неопытный взгляд...

В крайнем случае. Просто скопируйте скрипт и css лайтбокса из этого сайта, создайте аналогичные файлы и подключите их в вашем шаблоне.

Все бы хорошо но степень моего незнания css не позволяет мне это сделать(( Если у вас на сайте я и нашел скрпит лайтбокса в исходном коде, то куда вставлять у себя на сайте и какие файлы создавать - понятия не имею.

RoonI Я чтобы заставить изображения увеличиваться использую плагин mavik Thumbnails Пока работал на всех сайтах где я пробовал его применять.
Еще мне нравится что не нужно создавать самому уменьшенное изображение:


Скачал плпагин, спасибо. Но при установке выдает ошибку языков
ВНИМАНИЕ: Спойлер! [ Нажмите, чтобы развернуть ]
хотя я думаю, что это не страшно, ведь так? Проблема в том, что после активации данного плагина выдает ошибку


Скрипт и css лайтбокса можно проще подключить при помощи этого плагина lknlightbox - Slimbox. Тогда ручной метод должен работать. А Image Manager Extended у меня почемуто выдает ошибку:


Нажимаю на доунлоад, перекидывает в другое окно, какого-то магазина, по-ходу. Где скачать пока не нашел( но поиски продолжу!
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1088 от diamondiger
Ошибка языков я тоже думаю не страшно. Хотя такого не всречал.

Проблема в том, что после активации данного плагина выдает ошибку

Я думаю что возможно причина в том что плагин применяеться к каким то изображениям в шаблоне. Попробуйте в настройках задать -"применять только для класа" может это поможет. Тогда плагин будет применятся только для изображений у которых задан этот клас.
А lknlightbox - Slimbox да его чтоб скачать с того сайта нужно помучиться (реестрация потом покупать за 0 долларов в корзин помещать, подтверждать заказ, потом...:) ). Я и забыл это. Вобщем прикрепил файл с этим плагином. Он всего 12Кб весит.
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1089 от RoonI
diamondiger
Спасибо большое за плагин lknlightbox, установил включил, просмотрел исходный код, а там :(
ВНИМАНИЕ: Спойлер! [ Нажмите, чтобы развернуть ]

ну и, конешно, ниче не работает((
Можна узнать подробнее как вручную добавить? Что скопировать и куда вставить.

По плагину mavik Thumbnails
Одному изображению присвоил класс pohod, применил только для этого класса - всеравно выдает ошибку. Если применять для класса, какого нету, тогда сайт норм работает, но толку от плагина никакого...

Видать у меня руки не с того места растут, что бы всплывающие картинки были, а так хочеться!

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1095 от diamondiger
По поводу lknlightbox это видно разработчики что то не так сделали потому что тот файл что я дал и у меня не работает. Так что прикрепил старую версию рабочую. Чтоб ее установить надо удалить сначала уже установленный плагин.
По плагину mavik Thumbnails. Даже и не знаю что это может быть

Ручная установка.Думаю стоит это пробовать только если с lknlightbox и в этот раз ничего не выйдет. Тут все расписано.
Сам пробовал так сделать у меня заработало. Чтоб подключить скрипты редактировал страницу index.php у шаблона. И надо в корень сайта вставить папки js images и css из архива с скриптом( файлы при совпадении имен заменить).
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1096 от RoonI
diamondiger Огромное вам спасибо, с новым lknlightbox все заработало! Я так этого хотел:woohoo:
Кстати, с Image Manager Extended у меня тоже отлично все работает!

Wedal, вам отдельное спасибо за ваш сайт, очень много полезного узнал и лучших инструкции чем у вас я еще не нашел в интернете!!!

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1098 от diamondiger
Всегда пожалуйста.
А Image Manager Extended у меня так и не работает .
Можете дать ссылку на страницу откуда вы его скачивали (или прикрепить файл). Может у меня просто версия битая.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1106 от RoonI
Вот, прикрепил, попробуйте с этим.
Вложения:
Спасибо сказали: diamondiger

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1131 от diamondiger
Спасибо, Image Manager Extended заработал. Правда только на хостинге. На локальном компьютере так и не работает (но это и не особо то нужно).

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад #1132 от genesis33
Подскажите, а можно сделать все также, но чтобы изображение увеличивалось по событию OnMouseOver. И если это нельзя сделать с помощью JCE то каким плагином это можно сделать или просто скажите где копать?

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 4 мес. назад - 6 года 4 мес. назад #1135 от diamondiger
genesis33 Да можно.
Установите себе плагин lknlightbox
и замените файл plugins\system\lknlightbox\lknlightbox.js на прикрепленный. В нем я изменил лишь одно слово. Поменял click на mouseover в 6-той строчке:) Все теперь картинки увеличиваются при наведении мыши.
Если будете прикреплять скрипты вручную (хотя и с плагином все работает) (Lightbox v2.05 например) то сделайте следующее:
1.) откройте lightbox.js
2.) на линии 190 найдите текст

document.observe('click', (function(event)

и поменяйте на

document.observe('mouseover', (function(event)

У меня все сработало.
По тому же принципу думаю можно сделать чтоб оно закрывалось при отведении мыши и т.д.
Спасибо сказали: genesis33

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.


Вверх