форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Сеолкнулся с созданием галереи на текстпаттерн. Хочу сделать в виде альбома. Пример: превюшки в 3 строки и пусть 4 колонки. При клике выводится полное изображение лучше в попап или на крайняк в диве под или над превюшками.
Сейчас поставил bos_image_display. Получилось слева превюшки списком, справа полное изображение. А как сделать список в два столбца? Если расположить превю строкой, а не колонкой(с помощю CSS), то они выводятся почему-то каскадом, т.е каждая следующая чуть ниже предадущей. Почему?
Можно ли с помощью bos_image_display сделать желаемую галерею?
Неактивен
TXP и его плагины обычно сами не добавляют никакого html и css кода для оформления. Эта задача ложится на разработчика. У вас, судя по описанию, проблема с float: left, которая решается в рамках css+html. Ну и советую взглянуть на smd_gallery или soo_image - http://ipsedixit.net/txp/55/soo_image-user-guide
Ну и до кучи - http://css.maxdesign.com.au/floatutorial/ - хорошая информация по вашему вопросу в рамках css+html
Неактивен
Все верно, float: left - и вертикальный список должен отобразиться горизонтально. А почему он отображается каскадом(почти по диагонали) так это вопрос.
А за ссылки спасибо:)
Неактивен
Вот с smd_gallery разобрался, о soo_image - никак. Может подскажете? Какой бы тег не прописывал, всегда ошибка тега(такого не существует.) Английский слабенький, а через переводчик не совсем понятно. В чем моя ошибка?
Например, пишу <txp:soo_image_select category="history" limit="6" />
в ответ - Textpattern Warning: тег не существует. И так на все ругается.
help, please!!!
Неактивен
А плагин активировали после установки?
Неактивен
Конечно активировал. Но наверно нашел проблему. Если нет - отпишусь позже. Спасибо за внимание:)
Неактивен
уже сделал желаемое с помощью upm_image и upm_img_popper. Осталась проблема. Если отображать полную картинку как описано сдесь: http://awasteofwords.com/article/bilder … -upmimage, т.е. с помощю slimbox или lightbox, окно отображается не по центру, а слева внизу, практически половина картинки за пределами экрана.
Думал что с дивами намутил чего, поставил чистый текстпаттерн на локалку(денвер), - та-же картина.
Если кто не хочет переходить по ссылке, опишу как делал:
1)
прописал в форму статьи
<txp:upm_article_image wraptag="ul" break="li"
form="bild" class="gallery" />
а если прописать в статью, выводится ошибка
upm_image: invalid context, tag must be used within the tag as a wrapper or from its own form called by the tag.
прописал в форму с названием bild:
<a rel="lightbox[roadtrip]" 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>
В статье, в форме изображения к статье, указал ай-ди картинок.
закачал на сервер в корневую папку скрипт и лайтбокс и слимбокс(типа на всякий случай - оба).
прописал пути к скрипту и css^
<link rel="stylesheet" href="/style/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript" src="/js/slimbox.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
такой способ еще описан сдесь: http://textpattern.ru/forum/viewtopic.php?id=2785
Превюшки в виде списка, а полная картинка по клику - внизу слева за пределами экрана. Кто подскажет?
Отредактированно sereginnnn (24-10-2010 20:37:26)
Неактивен
Все, спасибо, отвечать не нужно, все получилось. Мои ошибки(начинающим будет полезно):
Главная. В пути к CSS файлу моя папка называется не style, как в примере, а css. Внимательным нужно быть, все проверять, а не тупо копировать.
Далее. Два скрипта не нужно(Я и слимбокс, и лайтбокс тулил, короче, тыкал все подряд). (Сбила с толку строка <a rel="lightbox в форме bild). Подходит и для слимбокс.
Осталось покалдовать со стилями, и галерейка готова:) А всем, кто делает первые шаги скажу, ищущий - найдет. Будте настырными и удачи:) Всем пока и спасибо the_ghost, который откликнулся:)
Неактивен