форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Все привет и с прошедшими
Возник совершенно идиотский вопрос. Идиотский потому, что еще год назад на одном сайте под TxP я успешно реализовал то, что не могу сделать сейчас, причем сделал это быстро и без проблем, следуя так сказать инструкциям и интуиции. А вот сейчас застопорился и к сожалению не могу глянуть как я это делал год назад, поскольку уже не имею админского доступа к тому сайту.
Все это была прелюдия. А теперь собственно к делу. Возникла необходимость прикрутить к сайту лайтбокс (либо его аналоги). Основное назначение следующее: в статье располагаем одну или несколько превьюшек, по нажатию на которые в красивом окошке aka lightbox style открывается исходное изображение.
Т.е. речь идет даже не о галерее из десятка изображений прикрученных к статье (это будет потом ), а о банальном "писали статью, всунули пару картинок, но не хотим что-бы они занимали много места." Как-то так.
Сегодня перепробовал несколько всяких модулей+галерей с textpattern.org. В итоге ничего не вышло И вроде бы задача простая, и делал ведь когда-то, а сел сегодня сделать и не вышло . Подскажите плиз рабочее решение опробованное вами на личном опыте (т.е. чтобы можно было вопросы задавать если вдруг что). Заранее сенкс.
Неактивен
Для вставки картинок напрямую в статью можно использовать jmd_img_selector. Но "из коробки" он вроде как вставляет просто картинку. Либо можно сделать форму с выводом под нужный lightbox плагин и вызывать ее в нужном месте статьи, типа такого: <txp:smd_gallery form="gallery" id="2,3,4' /> а в форму gallery пихаем что-то типа <a href="{url}" rel="lightbox"><img src="{thumburl}" /></a>
Я обычно так делаю. Возможно много вариантов.
Неактивен
Для вставки картинок напрямую в статью можно использовать jmd_img_selector
Ну вставка то такое, могу и руками прописать. Тут куда более важное условие - вставить в любое место статьи и что бы было легко указать использование аналога лайтбокса. Т.е. хочется плагин внедряющий аналог txp:image автоматически или полуавтоматически работающий с одной из существующих версий красивых попапов.
В общем пока как вариант остается вставлять в нужном месте статьи вызов <txp:smd_gallery form="gallery" id="2,3,4' />. Ну еще погляжу jmd_img_selector, вдруг там можно делать rel.
А еще я нашел способ которым делал год назад Но оказалось что тогда я делал не совсем то, что мне надо сейчас Если кому интересно.
http://txptips.com/shadowbox-and-smd_gallery
http://txptips.com/article-image-gallery-with-shadowbox
Интересно, можно как-то увязать этот вариант с удобным jmd_img_selector
Неактивен
Уф, в общем сделал я что хотел. Причем именно так как хотелось
Если кому интересно (а вдруг?) то вот что я делал.
1. Устанавливаем следующие плагины: upm_image, upm_img_popper, smd_lib и smd_gallery.
2. Скачиваем и устанавливаем Shadowbox (http://www.shadowbox-js.com/download.html - выбираем Choose the adapter you'll be using: jQuery), а также свежий jQuery.
3. Активируем модули и идем на страницу форм. Создаем форму для действия "выводим превью картинки, по нажатию на которое получаем полную картинку". У меня форма выглядит так:
<a href="<txp:upm_img_full_url />" rel="shadowbox"><img src="<txp:upm_img_thumb_url />" alt="<txp:upm_img_alt />"></a>
4. Копируем название формы и идем в Расширения -> upm_img_popper. Там вставляем название формы в поле Custom form.
5. В head страницы прописываем что-то типа такого (не забывайте правильно указывать пути к файлам библиотек):
<script type="text/javascript" src="<txp:site_url/>textpattern/jquery.js"></script> <link rel="stylesheet" type="text/css" href="<txp:site_url/>shadowbox/shadowbox.css"> <script type="text/javascript" src="<txp:site_url/>shadowbox/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script>
6. Если использовать upm_img_popper, то придеться пофиксить в нем одну строку (не знаю, может автор уже все пофиксил, но у меня стояла старая версия плагина). Для того чтобы пофиксить идем в список плагинов и нажимаем "Редактировать" напротив upm_img_popper. Ищем function insertTag(type, id, ext, width, height, alt, title), внутри функции находим if (window.opener.document.article) и меняем на if (window.opener.document.article_form).
7. Идем в "Написать". В верхнем левом углу видим появившийся пункт меню "Insert Image". Кликаем, получаем список картинок. Смотрим ссылки под самой крайней правой колонкой с заголовком "Insert (upm_image)". Выбираем в ней пункт "Custom form". В теле статьи должно появиться что-то типа
<txp:upm_image image_id="5" form="upm_img_popper" />
В поле form="upm_img_popper" будет (должно быть) название формы которую мы создали в пункте №3.
Собственно сохраняем и проверяем. Если все прошло успешно, то должно было получится следующее: пишем статью,запись в блог, и в желаемом месте текста при помощи insert image вставляем картинки, либо целиком, либо превьюхи, по нажатию на которые в красивом модальном окне будет открываться исходное изображение. Как-то так.
Отредактированно Unseen (10-01-2011 12:58:57)
Неактивен
Зачем одновременно и upm_image и smd_gallery ставить? Разве они не одни и те же функции выполняют?
Неактивен
smd_gallery я ставил на будущее, для создания галерей, так как upm_image в режиме галереи вроде не работает, по крайней мере так об этом пишут.
Связку из upm_image и smd_gallery я делал под свои нужды, чтобы можно было в одном документе делать и галерею и отдельные фотки. Например, идет текст, в нем пара фоток (upm_image), а в конце под текстом отдельной формой уже вся галерея (smd_gallery).
Отредактированно Unseen (10-01-2011 16:22:31)
Неактивен
Попробовал сделать на TXP-Фирму. Получилось не все...
1. плагин smd_gallery не установился, пишет " Неправильно оформленный или пустой код плагина", хоть и с качал его с textpattern.org . Я на это не стал заморачиваться, мне все равно надо только отдельные картинки.
2. создал форму с типом "article"
При создании нового(редактировании существующего) документа есть кнопка "Insert Image". При нажатии попадаю на Image Selector. При нажатии "Custom form"(и на любую другую кнопку) вылазит сообщение "insert failed"
Если в документе руками прописываю
<txp:upm_image image_id="19" form="upm_img_popper" />
то все работает, превью по тексту и при нажатии - попап окно
Подскажите как это исправить, да еще tinymce все <txp:> удаляет...
Отредактированно Alexandr (14-01-2011 15:13:17)
Неактивен
Alexandr написал:
При нажатии "Custom form"(и на любую другую кнопку) вылазит сообщение "insert failed"
А у вас выбор изображения в новом окошке открывается? А в родительском окне после этого ничего не портится? А может редактор какой-то нестандартный?
У меня эту ошибку получилось симулировать, когда я в родительском окне (где выполняется редактирование статьи) открыл какую-то другую вкладку.
Неактивен
Открывается новое окошко, в родительском все остается без изменений, и я ничего не трогаю.
Насчет редактора - то я переделываю TxP-Фирма, и до этого момента другие плагины не ставил. Отключил только tinymce в настройках/плагины
В php файлы не лазил, изменял только через админ-панель
Неактивен
Тогда нужно смотреть функцию InsertTag() из javascript'а который подгружает плагин upm_img_popper и выяснять что ему не нравится. В каких браузерах проверяли?
Неактивен
При нажатии "Custom form"(и на любую другую кнопку) вылазит сообщение "insert failed"
6. Если использовать upm_img_popper, то придеться пофиксить в нем одну строку (не знаю, может автор уже все пофиксил, но у меня стояла старая версия плагина). Для того чтобы пофиксить идем в список плагинов и нажимаем "Редактировать" напротив upm_img_popper. Ищем function insertTag(type, id, ext, width, height, alt, title), внутри функции находим if (window.opener.document.article) и меняем на if (window.opener.document.article_form).
tinymce - не пользую ввиду его негативного отношения к русскому языку, так что тут ничем помочь не могу.
Ну и на всякий случай: http://txptips.com/article-image-gallery-with-shadowbox
Отредактированно Unseen (14-01-2011 18:32:46)
Неактивен
Unseen написал:
6. Если использовать upm_img_popper, то придеться пофиксить в нем одну строку
По списку сделал все что было необходимо.
С плагином smd_gallery вроде понял: TxP-фирма на ТхР 4.0.4. Отдельно поставил себе свежий ТхР 4.3.0 и smd_gallery установилась. А делать апдейт TxP-фирма до ТхР 4.3.0 для меня сложновато - поля в БД не соответствуют, весь дизайн плывет, часть плагинов не работает...
Неактивен
Alexandr написал:
Unseen написал:
6. Если использовать upm_img_popper, то придеться пофиксить в нем одну строку
По списку сделал все что было необходимо.
С плагином smd_gallery вроде понял: TxP-фирма на ТхР 4.0.4. Отдельно поставил себе свежий ТхР 4.3.0 и smd_gallery установилась. А делать апдейт TxP-фирма до ТхР 4.3.0 для меня сложновато - поля в БД не соответствуют, весь дизайн плывет, часть плагинов не работает...
Ну, у меня ошибка исчезло после того как я изменил вышеуказанную строку в плагине. Вам не помогло? Надо порыть ту ссылку что я постил, там вроде есть линки на темы в форуме где обсуждалась данная проблема.
Насчет TxP-фирма - насколько я помню там ничего особенного, т.е. все можно повторить самостоятельно на свежей 4.3.0. В любом случае юзать устаревший движок как-бы не очень. Что с точки зрения безопасности, так и с точки зрения удобства и возможностей.
Неактивен
Обновил до версии 4.3.0 - все работает правильно. Спасибо всем.
Неактивен
Долго мучался, чтобы с помощью upm_img_popper можно было отображать картинки обработанные smd_gallery . Может кому то будет интересно.
Нужно установить плагины upm_image, upm_img_popper, smd_lib и smd_gallery. Плагин upm_image тоже нуже: когда он установлен и активирован, тогда в окне upm_img_popper появляется еще одна колонка, в которой появляется пункт "Insert (upm_image)". "Insert (upm_image)" выводит изображение так, как будет написано в форме.
Далее делаем все, как описал Unseen 10-01-2011 11:49:17 несколько сообщений выше с небольшими уточнениями.
В форму, которую будет отображать Custom form я вписал следующее:
<div class="gallery"> <txp:smd_gallery id='<txp:upm_img_id />' > <a rel="lightbox" href="{url}" title="{title}" alt="{alt}"><img class="image" src="{url}" title="{title}" alt="{alt}" width="450"/></a> <p class="gallery">{title}</p> </div> </txp:smd_gallery>
Обращаю внимание на один момент:
для txp:smd_gallery номер картинки нужно указать так: id='<txp:upm_img_id />'
<txp:smd_gallery id='<txp:upm_img_id />' >
Теперь вставлять картинки в статьи становится еще удобнее. С помощью окна upm_img_popper картинка вставляется в несколько кликов и ничего не надо прописывать вручную. А с помощью smd_gallery можно настроить отображение картинки, практически как угодно. У плагина upm_image меньше возможностей.
Самих форм можно заготовить заранее с разным содержимым. Главное не забыть как называется форма и что в ней "зашито".
У меня заготовлены несколько форм, в которых заложено разное отображение картинок: слева (float: left), справа (float: right), больше, меньше.
Когда нужно расставить по тексту картинки, ставлю курсор в то место, где должна быть картинка, в верху, в Custom form пишу название формы, из которой будет браться представление картинки (назвал формы так fl - картинка слева, fr - картинка справа), справа в колонке кликаю Custom form и картинка вставлена в текст.
Раньше открывал старую статью, копировал тег, вставлял в новую статью, исправлял номер картинки... сейчас та же процедура занимает два клика и требует написания двух букв.
Отредактированно Richard (04-05-2012 19:02:42)
Неактивен