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

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

Вы не зашли.

#1 09-11-2006 01:51:41

AngryCAT
ферт
Откуда: Германия
Зарегистрирован: 18-04-2006
Сообщений: 486
Вебсайт

галлерея с использованием Textpattern, Lightbox и upm_image

Мой перевод с немецкого. С оригиналом можно ознакомится здесь

Фотогаллереи в Textpattern это неисчерпаемая тема. Одно из простых в применении решений в форме модуля для Textpattern, например, bas_lightbox от Bastian Sackermann.

Моё решение (Robert Wetzlmayr, awasteofwords.com), в отличии от bas_ lightbox, предлогает индивидуальное распложение превью и основывается на следующем:

- Одна статья в Textpattern на набор фотографий, отсюда неограниченное количество наборов.
- Несколько десятков фотографий в одном наборе (Список номеров фотографий может содержать до 255 символов, что является фактическим ограничением на количество используемых фотографий.)
-Всеми фоторафиями можно управлять в Textpattern не применяя дополнительное программное обеспечение.
-Демонстрация изобраений происходит с помощью Lightbox 2.0, потому что этот скрипт так сексуально выглядит. Без использования JavaScript так же есть на что посмотреть и обслуживание мне кажется вполне комфортабельным.
- Список превью и дополнительная информация о изображениях служат навигационным входом в галлерею и могут быть подготовленны с помощью модуля upm_image. Моя причина для использования этого модуля, то что upm_image использует легко настраиваемую форму для отображения наборов изображений.

Шоу начинается, ребята!

Итак, первый шаг: загрузить изображения в Textpattern и дополнить превью, подписями и ALT-текстом

Второе: создать статью и только что загруженные изображения указать через запятую как изображения для статьи. При этом очень поможет upm_img_popper.

Вернисаж

upm_article_image использует список изображений и выводит их, в моём случае как несортированный список <UL> превью:

Код:

<txp:upm_article_image 
  wraptag="ul" break="li" 
  form="bild" class="gallery" />

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

Выставочный каталог

Вышеназванная форма bild для upm_image определяет, то как будет выглядеть превью в списке. Синтаксис для upm_image очень похож на синтаксис txp:article и очень гибко настраивается. В следующем фрагменте отображаются превью и рядом с ними подписи:

Код:

<a rel="lightbox[dings]" href="<txp:upm_img_full_url />" title="<txp:upm_img_alt escape="html" />">
<img src="<txp:upm_img_thumb_url />"
  width="<txp:upm_img_thumb_width />"
  height="<txp:upm_img_thumb_height />"
  alt="<txp:upm_img_alt escape="html" />"  />
</a>
<txp:upm_img_caption escape="no" />

Здесь используются также другие тэги, предоставляемые модулем upm_image, которые выдают информацию о используемом изображении.

<txp:upm_img_full_url />
Полный URL к изображение
<txp:upm_img_alt escape="html" />
Выводит аттрибут ALT. Для превью тот же, что и для большой картинки
<txp:upm_img_thumb_url />
Полный URL к превью
<txp:upm_img_thumb_width />, <txp:upm_img_thumb_height />
Размеры превью
<txp:upm_img_caption escape="no" />
Подпись к картинке. Также возможно использование HTML в подписи.

Откуда Lightbox знает, что ему есть здесь чем заняться? Ну, Lightbox собирает все ссылки на изображения, которые подходят, используя аттрибут rel. Признак (любой по выбору) в квадратных скобках группирует изображения в наборы, которые пользователь Lightbox может листать. В моём случае все изображения статьи, конечно, в одном наборе, а именно, [dings]. Это функционирует в представлении "одна статья на странице". Для списка статей необходимо чёткая группировка картинок по статье, здесь предложена группировка по Article-ID:

Код:

<a rel="lightbox[<txp:article_id />]"...

Выключить свет, включить прожектор!

Lightbox 2.0 состоит из JavaScript и файла CSS. Оригинальный вариант от Lokesh Dhakar несколько жирноват (примерно 90кБ), поэтому я использовал вариант от Tyler Mulligan Litebox. Оба функционируют. Файлы со скриптами сохраняются на сервере и должны быть традиционным способом присоеденены к шаблону страницы, стили я оставляю в ведении Textpattern (но это, конечно, вопрос вкуса. С тем же успехом моно было бы сохранить стили на сервере как файл и присоединить его к шаблону.)

В шапке шаблона нужно дабавить пару строк:

Код:

<head>
[...]
<link rel="stylesheet" href="<txp:css n="lightbox" />" type="text/css" media="screen" />
<script type="text/javascript" src="/js/prototype.lite.js"></script>
<script type="text/javascript" src="/js/moo.fx.js"></script>
<script type="text/javascript" src="/js/litebox-1.0.js"></script>
</head>
<body onload="initLightbox()">
[...]

Багет и стекло

Чего не хватает? Ну, немного стиля для несортированного списка, который производит upm_article_image, совсем не повредит.

Код:

ul.gallery { 
  list-style: none; 
  padding: 0;
  margin: 0;
}
  ul.gallery li { 
    clear: both; 
    padding: 0; 
    margin: 0 0 2em 0;
  }
  ul.gallery li p { 
    padding: 0; 
    margin: 0;
  }
  ul.gallery li img { 
    float: left;
    margin: 0 1em 1em 0;
  }

Ну вот и всё. Здесь можно посмотреть пример работы.

Надеюсь, что мой перевод кому-нибудь помог. Если найду ещё что-нибудь интересное на немецком, обязательно выложу.


TextPattern строить и жить помогает! Кстати, пишу плагины на заказ. ICQ 155-08-081. В асю, пожалуйста, по поводу заказов или платных консультаций (10$ час). Остальные вопросы в форум или на почту.

Неактивен

 

#2 09-11-2006 10:26:29

Evgeny
ять
Зарегистрирован: 15-03-2005
Сообщений: 1869

Re: галлерея с использованием Textpattern, Lightbox и upm_image

AngryCAT, отличная работа!

Неактивен

 

#3 01-12-2006 10:45:40

Mozart
аз
Зарегистрирован: 03-11-2006
Сообщений: 4

Re: галлерея с использованием Textpattern, Lightbox и upm_image

спасибо большое...

Неактивен

 

#4 16-05-2007 12:25:07

Vectra
веди
Зарегистрирован: 15-09-2006
Сообщений: 17

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Подскажите... что-то не получается...

значит так.

Вопрос

-----Второе: создать статью и только что загруженные изображения указать через запятую как изображения для статьи. При этом очень поможет upm_img_popper.------

Как єто сделать? если я через запятую указываю то выводится только 1 изображение (через запятую указываю в окне --изображение к статье, или где указывать ?)


<txp:upm_article_image
  wraptag="ul" break="li"
  form="bild" class="gallery" />

без изменений разместил на шаблоне страницы... (правильно или нет ???)

дальше создал форму bild тип article и разместил там

<a rel="lightbox[dings]" href="<txp:upm_img_full_url />" title="<txp:upm_img_alt escape="html" />">
<img src="<txp:upm_img_thumb_url />"
  width="<txp:upm_img_thumb_width />"
  height="<txp:upm_img_thumb_height />"
  alt="<txp:upm_img_alt escape="html" />"  />
</a>
<txp:upm_img_caption escape="no" />



<a rel="lightbox[dings]"  заменил на <a rel="lightbox[<txp:article_id />]"...

в шаблоне страницы вставил

<head>
[...]
<link rel="stylesheet" href="<txp:css n="lightbox" />" type="text/css" media="screen" />
<script type="text/javascript" src="/js/prototype.lite.js"></script>
<script type="text/javascript" src="/js/moo.fx.js"></script>
<script type="text/javascript" src="/js/litebox-1.0.js"></script>
</head>
<body onload="initLightbox()">
[...]

и также в стиле тоже,
скачал Lightbox 2.0, и файлы закачал на ФТП

может что-то не правильно сделал ? ПОДСКАЖИТЕ !!!! ПЛЗ !

Неактивен

 

#5 13-08-2007 08:46:07

fireblade
аз
Зарегистрирован: 08-08-2007
Сообщений: 4

Re: галлерея с использованием Textpattern, Lightbox и upm_image

А кто знает, как подобным образом сделать вывод в две колонки (в одну - проблем нет) ? Т.е. например 10 фотографий вывести в 2 колонки:

фото1 - комент | фото2 - комент
фото3 - комент | фото4 - комент   и т.д. ...

Либо я туплю - либо не получается. sad

Неактивен

 

#6 31-08-2007 18:39:51

rbugs
веди
Зарегистрирован: 29-08-2007
Сообщений: 20

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Объявните чaйнику как устанавливать upm_img_popper Пожалуйста!

Отредактированно rbugs (01-09-2007 00:26:49)

Неактивен

 

#7 23-02-2010 03:05:05

retroman
веди
Зарегистрирован: 06-11-2009
Сообщений: 18

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Подскажите, если несложно, а возможно модифицировать плагин upm_image - так чтобы добавить возможность вставлять в статью такого вида конструкцию?

<A href="images/16.jpg" rel="lightbox[roadtrip]"><txp:thumbnail id="16"></A>

Неактивен

 

#8 24-02-2010 16:27:57

itshaman
слово
Откуда: Омск
Зарегистрирован: 03-06-2009
Сообщений: 395
Вебсайт

Re: галлерея с использованием Textpattern, Lightbox и upm_image

retroman написал:

Подскажите, если несложно, а возможно модифицировать плагин upm_image - так чтобы добавить возможность вставлять в статью такого вида конструкцию?

<A href="images/16.jpg" rel="lightbox[roadtrip]"><txp:thumbnail id="16"></A>

Теоретически можно. Если Вы хотите, чтобы кто-то за Вас это сделал, то вряд ли Вы тут найдете человека. Можете обратиться к Призраку, возможно, он Вам поможет.


Помогу сделать Ваш сайт лучше! Принимаю Webmoney, PayPal, рубли, доллары, печеньки

Неактивен

 

#9 25-02-2010 01:37:32

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

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Качаем плагин upm_image и смотрим, какой тег этого плагина выдает id картинки. Дальше - понятно.


.      Создание шаблонов для 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

Неактивен

 

#10 25-03-2010 03:59:36

retroman
веди
Зарегистрирован: 06-11-2009
Сообщений: 18

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Спасибо большое ) методом ненаучного тыка разберёмся ) главное было услышать от специалистов, что это возможно.

Неактивен

 

#11 27-09-2011 15:28:57

magenta
есть
Зарегистрирован: 17-11-2010
Сообщений: 56
Вебсайт

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Теперь вопрос такой возник.

У поля Изображения к статье есть какие то ограничения по количеству вводимых символом. На моём сайте галерея создается каждую неделю, и ID изображений принимают четырёх значные значения.

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

Отредактированно magenta (27-09-2011 15:29:12)


Удача любит смелых!

Неактивен

 

#12 01-10-2011 13:45:09

magenta
есть
Зарегистрирован: 17-11-2010
Сообщений: 56
Вебсайт

Re: галлерея с использованием Textpattern, Lightbox и upm_image

Задача решена.  таблица  textpattern, поле image, сменить тип поля с varchar(255) на varchar(1023) или более большее значение


Удача любит смелых!

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru