Красивое превью картинок с использованием imagefield, Gallery formatter и Lightbox2
15 сентября 2011 в 13:52
Господа,
Создал тип, добавил поле image, назначил отображение через thickbox. Все бы хорошо, но картинки на странице (их приличное количество) выстроились в длинный столбик. Если расположить их сверху, то чтобы прочитать текст после, придется долго и весело крутить колесико, да и некрасиво это.
Существует какой либо способ организовать эти превьюшки хотя бы по горизонтали или в какую-то невидимую таблицу, а еще лучше с какой-то прокруткой-перемещением?
Просматривал темы насчет галерей, но как я понял, галерея создается как отдельный нод, а у меня только поле в ноде, со множеством фоток.
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
css, задайте float: left
поищите форматтер, например [module=galleryformatter]
Спасибо! Установил galleryformatter, вот что получилось -> http://lakotel.com/product/industrialnyj-arm-based-kompyuter-m3517
Очень полезный модуль, но беда в том, (1) что основная картинка в нем отображается в зарезанном виде, (2) заданные описания к картинкам выглядят уж очень нагло и навязчиво, лучше бы их спрятать или предусмотреть промежуток, а (3) после окончания показа в thickbox строка прогресса по непонятным причинам продолжает отображаться, пока не сделаешь щелчок в любом месте. И (4) непонятно где выбрать использование то ли lightbox, то ли thickbox (в системе установлены оба).
В настройках поля выбирал пресеты от самого galleryformatter (thumb и slide).
зачем?
настройте сами пресет
Потому-что они работают по разному хорошо и я не определился.
Как можно изменить или загрузить другой стиль оформления Gallery formatter? Что делать с описаниями?
Оффтопик, но убрать лишние пункты меню навигация, они почему-то появились после обновления модулей.
посмотрите внимательно настройки
Посмотрел, там доступен в выбору один стиль Greearrows. Где скачать другие или как добавить свой? Как я понимаю, проблемы отображения связаны со стилем оформления.
Что скажете по-поводу глюка с прогресс баром? Это важная проблема. К сожалению я в JavaScript не разбираюсь и не знаю, что и делать.
не замечал такого. ссылку бы дали
«Two options for styles, no style and a green arrows style. No style should be used for developing your own styles.»
ставите без стиля и весь css сами прописываете
Ссылка во втором посту была. Пролистайте все фото, когда thickbox закроется, прогресс-бар будет на экране.
во первых, просмотр идет через lightbox
во вторых, прогрессбар это от thickbox'а
я думаю вылечится выпиливанием одного из них
Ваша правда, проблема была именно в этом. К сожалению Thickbox не организует все фотографии в один альбом, появляется необходимость каждое фото открывать по отдельности. Вынужден оставить Lightbox2.
Вопрос следующий. Если мне нужно по-вставлять некоторые фотографии в тексте в свободном порядке. Как это сделать с помощью Lightbox2? Ранее я использовал Thickbox, вручную вставлял теги типа
<a class="thickbox" href="..." rel="album" title="..."><img alt="..." src="..." style="..." />. Сейчас я вынужден отключить Thickbox (хотя он мне нравился). Что использовать для вставки фотографий в текст? Желательно более простым способом, чем описано выше.у lightbox'а тоже есть такая возможность, посмотрите а настройках
Признаться, на вкладке "Automatic image handling" есть много всего, но что из этого мне нужно непонятно. Там перечислены хендлеры для некоторых модулей, ни один и которых я не использую. Включение Inline module images ничего не дало. К тому же я не понимаю как будет отображаться превьюшка из кеша без такого танца с тегами.
Можно ли использовать Lightbox2 для отображения блоков текста? Thickbox использовался, чтобы отобразить более детальные пояснения в открывающемся окне, где вместо картинки, определенный текст. Как это сделать в Lightbox2?
В файле README.txt модуля все очень подробно описано.
Оно то так, но того, что мне нужно там нет.
Автоматический перехват изображений (без тегов rel и class), похоже модуль этого не поддерживает.
Блоки текста в случае с Thickbox я размещал с тегом
<div id="..." style="display:none">, а затем показывал при помощи<a inlineId="..." href="#TB_inline?inlineId=..."</a>. Как это сделать с помощью Thickbox2? Если я просто указываю в rel id от div тега, то открывается пустое окно. Вы можете четко сказать, что мне сделать, чтобы этот текст высветился?С атрибутами lightmodal и lightframe требуется отдельную страницу создавать, мне это не нужно, текст уже есть на странице, только скрыт, его нужно высветить.
присвоить класс
экспериментируйте. хотя мне интуиция подсказывает что для текста лучше tooltips использовать?
вашу задачу решал. четко не смогу сказать)
Пожалуйста посмотрите еще раз мою страницу. Пресет по умолчанию там вполне подходит, но будто заданы поля которые перекрывают часть слайда и значок увеличения картинки в том числе. Я могу уменьшить пресет, картинка поместится, но значок увеличения всеравно закрыт чем-то, вернее весь слайд по контуру закрыт каким-то полем.
Что отредактировать в CSS galleryformatter, чтобы увеличить область показа слайда? Где задать меньший шрифт для строки описания картинки?
Пожалуйста, я ничего не шарю в CSS.
Есть ли какая-то альтернатива galleryformatter?
li.gallery-slide{margin: 0; padding: 0;}учите css, если всерьез хотите заниматься сайтами
Простите, куда мне это добавить?
Не хочу, но приходится. Когда-то учил, но сейчас и десятой части не вспомню.
например сюда sites/all/themes/marinelli/layout.css
Добавил, но не помогает...
Пробовал также sites/all/modules/galleryformatter/gallerystyles/greenarrows/greenarrows.css, но как я понимаю, все равно куда, важно что)
firebug в руки и вперед)