Добро пожаловать, Гость
Логин: Пароль: Запомнить меня
  • Страница:
  • 1
  • 2

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

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

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
Здравствуйте.

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

ПС: для этого используется плагин lightbox? но какой именно?
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 6 мес. назад #410

  • Wedal
  • Wedal аватар
  • Не в сети
  • Администратор
  • Сообщений: 2557
  • Спасибо получено: 601
  • Репутация: 218
diamondiger, про это я расскажу в ближайшей статье. Выйдет через 1-2 дня.
Чтобы оставлять сообщения нужно зарегистрироваться.
Спасибо сказали: diamondiger

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 6 мес. назад #413

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
Спасибо. Буду следить за обновлениями.
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1058

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
Сделал как описано в этой статье но изображение открывается в новом окне, а не плавно всплывает. Пробовал 3-м и 4-м способом.
Так:
вставить/редактировать ссылку - дополнительно - отношение страницы к цели - выбираем "LightBox".
тоже делал, результата не принесло. В чем может быть проблема, кроме кривости моих рук?
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1062

  • Wedal
  • Wedal аватар
  • Не в сети
  • Администратор
  • Сообщений: 2557
  • Спасибо получено: 601
  • Репутация: 218
RoonI, приведите все ваши действия прямо скриншотами. Постараюсь помочь разобраться.
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1064

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
Вначале загрузил картинку к себе на фтп-сервер. Потом вставляю в статью, скриншоты к 4-му способу.
На первом скрине выбрал нужною картинку, установил пару параметров..





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



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



Не помогло.

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


Заранее благодарен за помощь!
Последнее редактирование: 6 года 3 мес. назад от RoonI.
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1068

  • Wedal
  • Wedal аватар
  • Не в сети
  • Администратор
  • Сообщений: 2557
  • Спасибо получено: 601
  • Репутация: 218
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>

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

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1072

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1078

  • Wedal
  • Wedal аватар
  • Не в сети
  • Администратор
  • Сообщений: 2557
  • Спасибо получено: 601
  • Репутация: 218
RoonI, посмотрел ваш сайт и не увидел в исходном коде страницы подключенных скриптов и CSS-файлов, отвечающих за появление Lightbox'а. А вот почему их там нет - хороший вопрос. Вообще, они должны подключаться с помощью плагинов, но можно попробовать и вручную. Посмотрите настройки image manager extended. Посмотрите какие из плагинов Joomla активированы.

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1082

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
RoonI Я чтобы заставить изображения увеличиваться использую плагин mavik Thumbnails Пока работал на всех сайтах где я пробовал его применять.
Еще мне нравится что не нужно создавать самому уменьшенное изображение:
Плагин генерирует иконки для изображений. Вставьте в текст большое изображение и уменьшите его до необходимого размера. Плагин автоматически создаст иконку нужного размера и поставит ссылку на оригинальное изображение.
Если не хотите чтоб плагин применялся ко всем изображениям то можно выбрать в дополнительных параметрах -"применять только для класа"
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1083

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
Скрипт и 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 года 3 мес. назад от diamondiger.
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1086

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
Посмотрите настройки image manager extended. Посмотрите какие из плагинов Joomla активированы.
Посмотрел, ничего странного не нашел, но может это только на мой неопытный взгляд...
В крайнем случае. Просто скопируйте скрипт и css лайтбокса из этого сайта, создайте аналогичные файлы и подключите их в вашем шаблоне.
Все бы хорошо но степень моего незнания css не позволяет мне это сделать(( Если у вас на сайте я и нашел скрпит лайтбокса в исходном коде, то куда вставлять у себя на сайте и какие файлы создавать - понятия не имею.
RoonI Я чтобы заставить изображения увеличиваться использую плагин mavik Thumbnails Пока работал на всех сайтах где я пробовал его применять.
Еще мне нравится что не нужно создавать самому уменьшенное изображение:

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


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

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1088

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 3 мес. назад #1089

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
diamondiger
Спасибо большое за плагин lknlightbox, установил включил, просмотрел исходный код, а там :(
ВНИМАНИЕ: Спойлер! [ Нажмите, чтобы развернуть ]

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

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

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1095

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
По поводу lknlightbox это видно разработчики что то не так сделали потому что тот файл что я дал и у меня не работает. Так что прикрепил старую версию рабочую. Чтоб ее установить надо удалить сначала уже установленный плагин.
По плагину mavik Thumbnails. Даже и не знаю что это может быть

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1096

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
diamondiger Огромное вам спасибо, с новым lknlightbox все заработало! Я так этого хотел:woohoo:
Кстати, с Image Manager Extended у меня тоже отлично все работает!

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

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1098

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
Всегда пожалуйста.
А Image Manager Extended у меня так и не работает.
Можете дать ссылку на страницу откуда вы его скачивали (или прикрепить файл). Может у меня просто версия битая.
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1106

  • RoonI
  • RoonI аватар
  • Не в сети
  • Новичок
  • Сообщений: 11
  • Спасибо получено: 1
  • Репутация: 1
Вот, прикрепил, попробуйте с этим.
Вложения:
Чтобы оставлять сообщения нужно зарегистрироваться.
Спасибо сказали: diamondiger

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1131

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
Спасибо, Image Manager Extended заработал. Правда только на хостинге. На локальном компьютере так и не работает (но это и не особо то нужно).
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1132

  • genesis33
  • genesis33 аватар
  • Не в сети
  • Web-Мастер
  • Сообщений: 140
  • Спасибо получено: 18
  • Репутация: 4
Подскажите, а можно сделать все также, но чтобы изображение увеличивалось по событию OnMouseOver. И если это нельзя сделать с помощью JCE то каким плагином это можно сделать или просто скажите где копать?
Чтобы оставлять сообщения нужно зарегистрироваться.

Re: Как сделать, чтобы изображение плавно увеличивалось при клике по нему 6 года 2 мес. назад #1135

  • diamondiger
  • diamondiger аватар
  • Не в сети
  • Житель
  • Сообщений: 44
  • Спасибо получено: 5
  • Репутация: 3
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)

У меня все сработало.
По тому же принципу думаю можно сделать чтоб оно закрывалось при отведении мыши и т.д.
Последнее редактирование: 6 года 2 мес. назад от diamondiger.
Чтобы оставлять сообщения нужно зарегистрироваться.
Спасибо сказали: genesis33
  • Страница:
  • 1
  • 2
Время создания страницы: 0.250 секунд

Вверх