Красивое превью картинок с использованием imagefield, Gallery formatter и Lightbox2

Аватар пользователя Avenue Avenue 15 сентября 2011 в 13:52

Господа,

Создал тип, добавил поле image, назначил отображение через thickbox. Все бы хорошо, но картинки на странице (их приличное количество) выстроились в длинный столбик. Если расположить их сверху, то чтобы прочитать текст после, придется долго и весело крутить колесико, да и некрасиво это.

Существует какой либо способ организовать эти превьюшки хотя бы по горизонтали или в какую-то невидимую таблицу, а еще лучше с какой-то прокруткой-перемещением?

Просматривал темы насчет галерей, но как я понял, галерея создается как отдельный нод, а у меня только поле в ноде, со множеством фоток.

Комментарии

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 14:00

"Avenue" wrote:
Существует какой либо способ организовать эти превьюшки хотя бы по горизонтали

css, задайте float: left
"Avenue" wrote:
а еще лучше с какой-то прокруткой-перемещением?

поищите форматтер, например [module=galleryformatter]

Аватар пользователя Avenue Avenue 15 сентября 2011 в 15:03

Спасибо! Установил galleryformatter, вот что получилось -> http://lakotel.com/product/industrialnyj-arm-based-kompyuter-m3517

Очень полезный модуль, но беда в том, (1) что основная картинка в нем отображается в зарезанном виде, (2) заданные описания к картинкам выглядят уж очень нагло и навязчиво, лучше бы их спрятать или предусмотреть промежуток, а (3) после окончания показа в thickbox строка прогресса по непонятным причинам продолжает отображаться, пока не сделаешь щелчок в любом месте. И (4) непонятно где выбрать использование то ли lightbox, то ли thickbox (в системе установлены оба).

В настройках поля выбирал пресеты от самого galleryformatter (thumb и slide).

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 15:13

"Avenue" wrote:
(в системе установлены оба).

зачем?
"Avenue" wrote:
но беда в том, (1) что основная картинка в нем отображается в зарезанном виде,

настройте сами пресет

Аватар пользователя Avenue Avenue 15 сентября 2011 в 15:27

Потому-что они работают по разному хорошо и я не определился.

Как можно изменить или загрузить другой стиль оформления Gallery formatter? Что делать с описаниями?

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

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 15:37

"Avenue" wrote:
Как можно изменить или загрузить другой стиль оформления Gallery formatter? Что делать с описаниями?

посмотрите внимательно настройки

Аватар пользователя Avenue Avenue 15 сентября 2011 в 15:56

Посмотрел, там доступен в выбору один стиль Greearrows. Где скачать другие или как добавить свой? Как я понимаю, проблемы отображения связаны со стилем оформления.

Что скажете по-поводу глюка с прогресс баром? Это важная проблема. К сожалению я в JavaScript не разбираюсь и не знаю, что и делать.

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 16:25

"Avenue" wrote:
Что скажете по-поводу глюка с прогресс баром?

не замечал такого. ссылку бы дали
«Two options for styles, no style and a green arrows style. No style should be used for developing your own styles.»
ставите без стиля и весь css сами прописываете

Аватар пользователя Avenue Avenue 15 сентября 2011 в 16:28

Ссылка во втором посту была. Пролистайте все фото, когда thickbox закроется, прогресс-бар будет на экране.

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 17:00

"Avenue" wrote:
когда thickbox закроется

во первых, просмотр идет через lightbox
во вторых, прогрессбар это от thickbox'а
я думаю вылечится выпиливанием одного из них

Аватар пользователя Avenue Avenue 15 сентября 2011 в 17:22

Ваша правда, проблема была именно в этом. К сожалению Thickbox не организует все фотографии в один альбом, появляется необходимость каждое фото открывать по отдельности. Вынужден оставить Lightbox2.

Вопрос следующий. Если мне нужно по-вставлять некоторые фотографии в тексте в свободном порядке. Как это сделать с помощью Lightbox2? Ранее я использовал Thickbox, вручную вставлял теги типа <a class="thickbox" href="..." rel="album" title="..."><img alt="..." src="..." style="..." />. Сейчас я вынужден отключить Thickbox (хотя он мне нравился). Что использовать для вставки фотографий в текст? Желательно более простым способом, чем описано выше.

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 17:26

"Avenue" wrote:

у lightbox'а тоже есть такая возможность, посмотрите а настройках

Аватар пользователя Avenue Avenue 15 сентября 2011 в 19:11

Признаться, на вкладке "Automatic image handling" есть много всего, но что из этого мне нужно непонятно. Там перечислены хендлеры для некоторых модулей, ни один и которых я не использую. Включение Inline module images ничего не дало. К тому же я не понимаю как будет отображаться превьюшка из кеша без такого танца с тегами.

Можно ли использовать Lightbox2 для отображения блоков текста? Thickbox использовался, чтобы отобразить более детальные пояснения в открывающемся окне, где вместо картинки, определенный текст. Как это сделать в Lightbox2?

Аватар пользователя drupby drupby 15 сентября 2011 в 19:18

"Avenue" wrote:
Если мне нужно по-вставлять некоторые фотографии в тексте в свободном порядке.

В файле README.txt модуля все очень подробно описано.

Аватар пользователя Avenue Avenue 15 сентября 2011 в 19:45

Оно то так, но того, что мне нужно там нет.

Автоматический перехват изображений (без тегов rel и class), похоже модуль этого не поддерживает.

Блоки текста в случае с Thickbox я размещал с тегом <div id="..." style="display:none">, а затем показывал при помощи <a inlineId="..." href="#TB_inline?inlineId=..."</a>. Как это сделать с помощью Thickbox2? Если я просто указываю в rel id от div тега, то открывается пустое окно. Вы можете четко сказать, что мне сделать, чтобы этот текст высветился?

С атрибутами lightmodal и lightframe требуется отдельную страницу создавать, мне это не нужно, текст уже есть на странице, только скрыт, его нужно высветить.

Аватар пользователя q2_faith q2_faith 15 сентября 2011 в 23:01

"Avenue" wrote:
Вы можете четко сказать, что мне сделать, чтобы этот текст высветился?

экспериментируйте. хотя мне интуиция подсказывает что для текста лучше tooltips использовать?
вашу задачу решал. четко не смогу сказать)

Аватар пользователя Avenue Avenue 17 сентября 2011 в 15:12

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

Что отредактировать в CSS galleryformatter, чтобы увеличить область показа слайда? Где задать меньший шрифт для строки описания картинки?

Пожалуйста, я ничего не шарю в CSS.

Есть ли какая-то альтернатива galleryformatter?

Аватар пользователя q2_faith q2_faith 18 сентября 2011 в 2:10

li.gallery-slide{margin: 0; padding: 0;}
учите css, если всерьез хотите заниматься сайтами

Аватар пользователя Avenue Avenue 18 сентября 2011 в 20:11

Простите, куда мне это добавить?
Не хочу, но приходится. Когда-то учил, но сейчас и десятой части не вспомню.

Аватар пользователя Avenue Avenue 19 сентября 2011 в 14:59

Добавил, но не помогает...
Пробовал также sites/all/modules/galleryformatter/gallerystyles/greenarrows/greenarrows.css, но как я понимаю, все равно куда, важно что)