Увеличение изображений по клику и кое что еще

Всем привет, создал сайт на LS на интуитивном познании, логические знания из вордпресс видимо пригодились.

ребята помогите пожалуйста, несколько дней ищу как сделать так чтобы при клике, изображение увеличивалось. То есть в посте её ширина 642px, при клике открывается оригинал 900px. Эта функция очень надо из за него не могу запустить проект. К счастью сжатие картинки работает и то только jpg.

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

Как это реализовать, кто знает?

33 комментария

avatar
Я бы реализовал следующим образом:
1. В конфиге бы выставил 900px по ширине.
2. Взял бы скрипт к примеру fancybox.net или любой другой аналог
3. Залить CSS и JS в шаблон, в соответсвующие папки, а потом прописать из /templates/skin/ШАБЛОН/settings/config/config.php
4. Задать в CSS размер отображаемой на сайте фотки
5. В /config/jevix.php у img добавил бы 'class'=> array('НАЗВАНИЕ')

В общем, если всё правильно прописать, сработает. Возможно, у кого-то есть готовый мануал или даже плагин.
avatar
Помогите пожалуйста сделать, мой скайп: tundinov, или вконтакте vk.com/tundinov, отблагодарю объязательно
avatar
Как срочно надо? Завтра могу попробовать сделать у себя на сайте для примера, если сработает, сделаю у вас. По идее, реализация не сложная.
avatar
Хорошо я подожду. Если по вашему это сделать, то при загрузке картинки их станет двое, один 642px(сжатый) и второй оригинал тоже сжатый?
avatar
Будет всего 1 фотка, размером 900px, просто методом CSS, я отображаемую сделаю 642px, а при клике откроется оригинал.
avatar
так тоже хорошо. я нашел тут плагин pw — Preview netlanc/net, он делает превью для картинки, я настроил большой размер на 642, теперь при клике открывается оригинал(сжатый 70кб) вроде бы все ок, но размер превью(100кб) почему то больше чем сжатый оригинал, теряется смысл. может проще будет допилить плагин на сжатие превьюшек.
avatar
Плагин я запилить не смогу, только простейшее решение. Собственно его уже сделал, щас буду думать, как в крутить в LS, чтоб работало автоматом, без ручного встраивания.
avatar
спасибо большое
avatar
это не подойдет?
avatar
я как раз здесь писал об этом плагине, как сделать чтоб он превьюшки тоже сжимал7
avatar
В общем, так чтоб при клике по открылась большая картинка я сделал. НО пункт 5 не сработал, точнее, к нему нудна доработка. Так как автоматом
Т.к. нужно, чтоб в img вставлялись:
class="example-image" data-lightbox="example"

автоматом при загрузке картинка, пока только в ручную. Щас думаю как сделать, возможно кто-то подскажет.
avatar
интересно как остальные реализовали это, я вообще снес движок заново устанавливаю, везде ошибка, посещают мысли — проще заказать самописный движок, вместо того чтобы переделывать непонятно что
avatar
Если нужны готовые решения, то проще использовать тот же WP или DLE. У LS свои фишки, но готовых решений очень мало, всё приходится напильником делать.
avatar
вот сейчас не могу установить что за ошибка не подскажете — SQL Error: Access denied for user 'root'@'localhost' (using password: NO) at /home/mmtradeo/public_html/engine/modules/database/Database.class.php line 72
Array ( [code] => 1045 [message] => Access denied for user 'root'@'localhost' (using password: NO) [query] => mysql_connect() [context] => /home/mmtradeo/public_html/engine/modules/database/Database.class.php line 72 )
avatar
Вопрос актуальный. Готов приобрести подобный плагин morb @ bk. ru
avatar
да актуальный
avatar
Где найти такой плагин Увеличение изображений в топиках по клику?
avatar
Ставите в конфиге сайта разрешение для картинок побольше, и чуточку докручиваете плагин — catalog.netlanc.net/addons/29/
avatar
Если действительно актуально, то вечерком попробую оформить и отдать в каталог плагин, который у меня на сайте позволяет увеличивать изображения по клику.
avatar
Очень ждем!
avatar
Отправил в каталог на меодрецию плагин для кликабельных изображений в формате AS IS, т.е. так как он у меня работает.
Будет отклик — прочитаю внимательно топик и допилю остальные хотелки =)
avatar
Ну собственно — вот. Вечерком может пост об этом запилю =)
avatar
Спасибо.Но у меня не увеличивает а открывает в этом же окне.
avatar
Может браузерный кеш через ctrl+f5 нужно подчистить? Там js-код меняет обработчик для ссылок.
Ну и в предпросмотре оно не работает.
avatar
Для остальных читающий — добавил в каталоге еще один шаг по установке плагина. Изначально продолбал.
avatar
Плагин по клику открывает модальное окно с оригиналом? А где хранится оригинал?
avatar
Оригинал никуда не девается. Собственно, в топике и комментарии отображается оригинал, но шириной, ограниченной настройками шаблона (как оно и было бы без плагина).

По клику открывается тот же оригинал, но либо в свою натуральную величину, либо ограниченный размерами окна (за вычетом полей).
avatar
Ясно, спасибо. А есть ограничение на загрузку картинки по весу? Насколько я понимаю в случае вашего плагина движок сайта не уменьшает картинку.
avatar
Насколько я понимаю в случае вашего плагина движок сайта не уменьшает картинку.
Нет, вы неверно поняли. Плагин только изменяет html-код, который генерируется для редактора после загрузки картинки. Ну еще и подвещивает обработчики для открытия картинки во всплывающем окне.

Вся загрузка происходит так же, как и происходила ранее. Сюда я не вмещиваюсь.
avatar
Ок, понял.
avatar
А можно ли при аплоаде сохранять два изображения — оригинальное и сжатое по размерам из конфига? А затем при клике показывать оригинал в модальнике?
avatar
В теории да =) Тут тот случай, когда я просто отдал в каталог, что делал для себя и что у меня работало давно =)
Но раз уже отдал в каталог, то видимо придеться поддреживать =) Создайте тикет с желанием такого функционала — в какой-то из вечером добавлю.
avatar
Я так понимаю, все эти плагины работают только с неактивированным визредактором?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.