Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 09-01-2011 16:06:44

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Все привет и с прошедшими smile
Возник совершенно идиотский вопрос. Идиотский потому, что еще год назад на одном сайте под TxP я успешно реализовал то, что не могу сделать сейчас, причем сделал это быстро и без проблем, следуя так сказать инструкциям и интуиции. А вот сейчас застопорился и к сожалению не могу глянуть как я это делал год назад, поскольку уже не имею админского доступа к тому сайту.

Все это была прелюдия. А теперь собственно к делу. Возникла необходимость прикрутить к сайту лайтбокс (либо его аналоги). Основное назначение следующее: в статье располагаем одну или несколько превьюшек, по нажатию на которые в красивом окошке aka lightbox style открывается исходное изображение.

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

Сегодня перепробовал несколько всяких модулей+галерей с textpattern.org. В итоге ничего не вышло sad И вроде бы задача простая, и делал ведь когда-то, а сел сегодня сделать и не вышло sad. Подскажите плиз рабочее решение опробованное вами на личном опыте (т.е. чтобы можно было вопросы задавать если вдруг что). Заранее сенкс.

Неактивен

 

#2 09-01-2011 22:27:58

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Для вставки картинок напрямую в статью можно использовать jmd_img_selector. Но "из коробки" он вроде как вставляет просто картинку. Либо можно сделать форму с выводом под нужный lightbox плагин и вызывать ее в нужном месте статьи, типа такого: <txp:smd_gallery form="gallery" id="2,3,4' /> а в форму gallery пихаем что-то типа <a href="{url}" rel="lightbox"><img src="{thumburl}" /></a>

Я обычно так делаю. Возможно много вариантов.


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#3 10-01-2011 00:00:55

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Для вставки картинок напрямую в статью можно использовать jmd_img_selector

Ну вставка то такое, могу и руками прописать. Тут куда более важное условие - вставить в любое место статьи и что бы было легко указать использование аналога лайтбокса. Т.е. хочется плагин внедряющий аналог txp:image автоматически или полуавтоматически работающий с одной из существующих версий красивых попапов.
В общем пока как вариант остается вставлять в нужном месте статьи вызов <txp:smd_gallery form="gallery" id="2,3,4' />. Ну еще погляжу jmd_img_selector, вдруг там можно делать rel.

А еще я нашел способ которым делал год назад smile Но оказалось что тогда я делал не совсем то, что мне надо сейчас sad Если кому интересно.
http://txptips.com/shadowbox-and-smd_gallery
http://txptips.com/article-image-gallery-with-shadowbox

Интересно, можно как-то увязать этот вариант с удобным jmd_img_selector

Неактивен

 

#4 10-01-2011 12:49:17

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Уф, в общем сделал я что хотел. Причем именно так как хотелось smile
Если кому интересно (а вдруг?) то вот что я делал.

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)

Неактивен

 

#5 10-01-2011 14:40:31

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Зачем одновременно и upm_image и smd_gallery ставить? Разве они не одни и те же функции выполняют?


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#6 10-01-2011 16:20:30

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

smd_gallery я ставил на будущее, для создания галерей, так как upm_image в режиме галереи вроде не работает, по крайней мере так об этом пишут.
Связку из upm_image и smd_gallery я делал под свои нужды, чтобы можно было в одном документе делать и галерею и отдельные фотки. Например, идет текст, в нем пара фоток (upm_image), а в конце под текстом отдельной формой уже вся галерея (smd_gallery).

Отредактированно Unseen (10-01-2011 16:22:31)

Неактивен

 

#7 14-01-2011 14:54:43

Alexandr
буки
Зарегистрирован: 14-01-2011
Сообщений: 7

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Попробовал сделать на 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)

Неактивен

 

#8 14-01-2011 15:34:29

spiridon
буки
Откуда: Украина
Зарегистрирован: 29-01-2009
Сообщений: 8

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Alexandr написал:

При нажатии  "Custom form"(и на любую другую кнопку) вылазит сообщение "insert failed"

А у вас выбор изображения в новом окошке открывается? А в родительском окне после этого ничего не портится? А может редактор какой-то нестандартный?

У меня эту ошибку получилось симулировать, когда я в родительском окне (где выполняется редактирование статьи) открыл какую-то другую вкладку.

Неактивен

 

#9 14-01-2011 16:04:25

Alexandr
буки
Зарегистрирован: 14-01-2011
Сообщений: 7

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Открывается новое окошко, в родительском все остается без изменений, и я ничего не трогаю.
Насчет редактора - то я переделываю TxP-Фирма, и до этого момента другие плагины не ставил. Отключил только tinymce в настройках/плагины
В php файлы не лазил, изменял только через админ-панель

Неактивен

 

#10 14-01-2011 17:00:42

spiridon
буки
Откуда: Украина
Зарегистрирован: 29-01-2009
Сообщений: 8

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Тогда нужно смотреть функцию InsertTag() из javascript'а который подгружает плагин upm_img_popper и выяснять что ему не нравится. В каких браузерах проверяли?

Неактивен

 

#11 14-01-2011 18:28:59

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

При нажатии  "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)

Неактивен

 

#12 17-01-2011 16:52:29

Alexandr
буки
Зарегистрирован: 14-01-2011
Сообщений: 7

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Unseen написал:

6. Если использовать upm_img_popper, то придеться пофиксить в нем одну строку

По списку сделал все что было необходимо.
С плагином smd_gallery вроде понял: TxP-фирма на ТхР 4.0.4.  Отдельно поставил себе свежий ТхР 4.3.0 и smd_gallery установилась. А делать апдейт TxP-фирма до ТхР 4.3.0 для меня сложновато - поля в БД не соответствуют, весь дизайн плывет, часть плагинов не работает...

Неактивен

 

#13 19-01-2011 20:29:16

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

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. В любом случае юзать устаревший движок как-бы не очень. Что с точки зрения безопасности, так и с точки зрения удобства и возможностей.

Неактивен

 

#14 31-01-2011 19:47:47

Alexandr
буки
Зарегистрирован: 14-01-2011
Сообщений: 7

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Обновил до версии 4.3.0 - все работает правильно. Спасибо всем.

Неактивен

 

#15 04-05-2012 18:09:10

Richard
есть
Откуда: Киев
Зарегистрирован: 15-05-2008
Сообщений: 63
Вебсайт

Re: Вопрос про TxP и Lightbox/Slimbox/Thickbox и их подобия

Долго мучался, чтобы с помощью 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)

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru