форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Как реализовать плавное увеличение(изменение) картинок.
Т. е. скажем есть новостной сайт состоящий из статей(картинка, текст).
Width картинки равен 200px;
Но если кликнуть на нее, то она увеличивается в модальном окне, без затемнения остальной части.
lightbox, fancybox.....
Главное чтобы не нужно было создавать сразу 2 картинки.(мал. и бол.).
Размер будет, скажем: 600px, но все картинки будут уменьшены до 200px через CSS.
Картинки заливаются на сервер с помощью плагина lam_image_uploader.
Есть ли где инструкция.
Отредактированно alivato (22-08-2011 19:41:09)
Неактивен
Посмотри http://www.solo-line.ru/articles/vashet … e-internet
Правда я там код вручную ставил, но это думаю не проблема или так: Вообще не проблема.
Если что то такое подойдет, опишу.
Неактивен
Спасибо, в принципе я думаю пойдет.
Жду ответа.
Отредактированно alivato (23-08-2011 14:27:30)
Неактивен
http://www.solo-line.ru/articles/podkly … ript-i-css
Я вот так подключаю css и javascript файлы к статьям.
Неактивен
Чем не подходит система, в которой на странице показываются уменьшенные картинки и по клику открываются полноразмерные?
Неактивен
the_ghost написал:
Чем не подходит система, в которой на странице показываются уменьшенные картинки и по клику открываются полноразмерные?
Ну сейчас уже 21 век, всякие рюшечки-красатулечки рулят.
Неактивен
Никто и не отменяет "рюшечки". Просто это неправильно уменьшать картинки CSS-ом:
1. Неоправданно большой трафик для посетители
2. Не во всех браузерах сглаживание проходит красива (хотя для ИЕ есть решение, но, опять же, это будет хак).
Неактивен
Стоит плагин hak_tinymce
Картинки, добавляются в непосредственно в статью.
Все эти картинки имеют разный размер, но я фиксирую его width="300"; хотя реальная width="500";
Код картинки после вставки:
<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>
Как сделать чтобы при клике на картинку, она плавно отображалась в модальном окне изменяясь до реального размера.
Есть ли инструкция?
Отредактированно alivato (02-09-2011 23:58:17)
Неактивен
Как сделать чтобы при клике на картинку, она плавно отображалась в модальном окне изменяясь до реального размера.
Есть ли инструкция?
См. пост выше. Надо поставить какой-нибудь lightbox, после чего при добавлении картинки прописывать ей нужные класс. После этого будет открываться в красивом всплывающем окошке, с затемнениями и прочими рюшечками.
Неактивен
А можно чтобы этот класс добавлялся автоматически, сразу после вставки, кн. в hak_tinymce.
Как сейчас
<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>
А так надо. (Добавился класс zoom)
При том это еще должна быть ссылка на мод. окно.
А так же всего 1 картинка.
<p><img class="zoom" src="http://site.com/images/56.jpg" alt="" width="300" /></p>
Отредактированно alivato (05-09-2011 13:11:13)
Неактивен
Только что заметил небольшую не доработку в плагине hak_tinymce, это как раз по вставке id, class и rel для ссылок. Надо будет подправить и отдать людям! А так я в коде html правил. Но, конечно для контент-менеджера лучше подправить.
Неактивен
Redduck написал:
Только что заметил небольшую не доработку в плагине hak_tinymce, это как раз по вставке id, class и rel для ссылок. Надо будет подправить и отдать людям! А так я в коде html правил. Но, конечно для контент-менеджера лучше подправить.
Было бы не плохо. Спасибо.
Неактивен
С помощью плагина pax_grep
<txp:pax_grep from='|<img|' to="<a href=''><img">
<txp:body />
</txp:pax_grep>
Получилось преобразовать этот код
<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>
в этот
<p><a href=''><img src="http://site.com/images/56.jpg" alt="" width="300" /></a></p>
Мне нужно чтобы между кавычками* была та же самая ссылка на картинку
<p><a href='*'><img src="http://site.com/images/56.jpg" alt="" width="300" /></a></p>
в это
<p><a href='http://site.com/images/56.jpg'><img src="http://site.com/images/56.jpg" width="300" /></a></p>
Как это можно сделать?
Может с помощью article image,.. но картинка находится внутри статьи?...
Отредактированно alivato (07-09-2011 16:40:59)
Неактивен
Оказалось можно активировать плагин advlink, надо найти строчку plugins : "searchreplace,txpimage" и заменить на plugins : "advlink,searchreplace,txpimage". Заменяется во вкладке расширения->hak_tinymce.
Вот так стало выглядеть у меня:
Неактивен
alivato написал:
Как реализовать плавное увеличение(изменение) картинок.
Т. е. скажем есть новостной сайт состоящий из статей(картинка, текст).
Width картинки равен 200px;
Но если кликнуть на нее, то она увеличивается в модальном окне, без затемнения остальной части.
lightbox, fancybox.....
Главное чтобы не нужно было создавать сразу 2 картинки.(мал. и бол.).
Размер будет, скажем: 600px, но все картинки будут уменьшены до 200px через CSS.
Картинки заливаются на сервер с помощью плагина lam_image_uploader.
Есть ли где инструкция.
Я реализовал подобное с помощью стандартного инструмента TXP (обрезание изображения при его добавлении) и FancyBox. Изображения присваиваются в качестве изображений к статье и выводятся в теле статьи. Если подойдет то могу выложить код
Неактивен
Вся суть в том, что человек который пишет статьи, хочет чтобы в теле статьи была панель (что-то типа word (hak_tinymce))
В общем чем проще тем лучше.
Буду рад если Вы выложите.
Спасибо.
Неактивен