Skip to main content

Как поместить рисунок в содержание страницы?

chemal
Пользователь не в сети. Последний раз его видели 1 год 7 недель назад. Не в сети
Зарегистрирован: 2005-11-03

Как поместить рисунок вместе с содержанием страници, которая входит в категорию book? Отдельно я поместил рисунок, но мне надо, что бы он был вместе с описанием на странице.

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Ответ

Два способа.
Первый: закачать файл рисунка вместе со страницей и включить его в текст обычным тегом html "img" При этом нужно, чтобы модуль закачки файлов upload был включен. (Администрировать/модули) Используется формат ввода Full HTML

Второй способ. Включить модули image и image_filter. Потом в меню Администрировать/форматы ввода, там можно менять состав фильтров. Обычно пользуются Filtered HTML, вот там и добавьте image_filter (поставьте галочку)
Можете включить этот фильтр и для Full HTML, если очень хочется.

После этого вводите изображение через модуль image (добавить материал/image). Оно не только попадает в галерею изображений, но и может быть использовано в любом документе сайта с помощью простой конструкции внутри квадратных скобок: [image:номер_картинки width=ширина height=высота]

Номер картинки узнаете, когда ее введете. Например, она будет с адресом node/123, значит, номер 123.

Полная схема такая:
[image:node_id align=alignment hspace=n vspace=n border=n size=label width=n height=n nolink=(0|1) class=name style=style-data]

chemal
Пользователь не в сети. Последний раз его видели 1 год 7 недель назад. Не в сети
Зарегистрирован: 2005-11-03
Опять про рисунок

Не понял, про второй способ.
Вот часть кода на странице: \P class="style11">155 000 руб.

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Будем разбираться

Расскажите последовательность Ваших действий по установке и использованию модуля image.
Например, image_filter как включали и настраивали?

Пример работы.
Я ввел картинку на этом сайте http://1bs.ru/node/91
и сейчас напишу в квадратных скобках инструкцию
image:91 width=640 height=480

Вот что получилось:
Рисунок 1

Попробуйте указывать размеры картинки.

chemal
Пользователь не в сети. Последний раз его видели 1 год 7 недель назад. Не в сети
Зарегистрирован: 2005-11-03
Мои действия

АДМИНИСТРИРОВАНИЕ-ФОРМАТЫ ВВОДА в самом низу есть форма ИМЯ с кнопочкой ДОБАВИТЬ ФОРМАТЫ ВВОДА, вот в эту форму я вставил image_filter и нажал на кнопку ДОБАВИТЬ ФОРМАТЫ ВВОДА, т.е. создал как я понимаю новый формат ввода. Затем зашел в настройки вновь созданного формата и поставил галочки image filter и фильтр HTML, также заходил в настройки Filtered HTML и поставил галочки там же.
Попробовал поставить размеры картинки, без изменений. Зато обнаружил на страничке когда заходишь в изменить, новый фильтр image_filter, я включил его, форматирование текста естественно ушло, а рисунок так и не появился :((. Что я делаю не так???

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
О фильтре

Новый фильтр создавать не надо, хватит того, что изменили Filtered HTML.
Попробуйте новый фильтр удалить.
Посмотрите, может Вы инструкцию [image] вводите в Full HTML, а не Filtered HTML?

Должно все работать. Здесь же работает, а скрипты одни на все сайты.
Так что дерзайте, все получится.

chemal
Пользователь не в сети. Последний раз его видели 1 год 7 недель назад. Не в сети
Зарегистрирован: 2005-11-03
Фильтр удалил

Новый фильтр удалил, \может Вы инструкцию [image]\если я правильно понимаю слово ИНСТРУКЦИЯ [image], это должно в настройках фильтра Filtered HTML, тогда да именно там я и поставил галочку напротив image filter. Я посмотрел Ваш тест, у меня так же в отдельной страничке, аналогично рисунок присутствует. Но вот с описанием, то есть текст+рисунок пока ничего не получается.

chemal
Пользователь не в сети. Последний раз его видели 1 год 7 недель назад. Не в сети
Зарегистрирован: 2005-11-03
Ура !!! заработало!!!

Все просто, блин, только я всегда пользовался Full HTML, а не Filtered HTML, потому как во втором форматирования нет. Оказывается нужно то в ФОРМАТАХ ВВОДА зайти в настройки Full HTML и поставить галочку напротив image.

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Поздравляю!

Вот и славно. :-)
Между прочим, про Full HTML еще в моем первом ответе было написано :-)

Форматирование есть везде, только его включать надо, это фильтр окончания строк, смотрите в настройках Filtered HTML.

Подробности были в шестом выпуске рассылки Free CMS Drupal

Читайте все-таки рассылку, я иногда там полезные вещи пишу ;-)

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Важное примечание

У меня есть подозрение, что некоторые граждане или гражданки нашего сервиса могут попытаться объединять в своем мозгу оба способа публикации картинок в один.
Так не пойдет, для каждого свой синтаксис.

Для первого способа используется обычная заливка рисунка через upload (см. http://1bs.ru/node/176 ), а потом использование стандартного тега <img> с параметрами в обычном текстовом документе.
Upload используется потому, что ftp включается только для раскрученных сайтов или сайтов на платном хостинге.

Для второго способа используется модуль image.

Сначала нужно создать новый материал (документ image - изображение)

Потом можно использовать это изображение в любых документах. Используется синтаксис BB-кода.

Вот он:

[image:node_id align=alignment hspace=n vspace=n border=n size=label width=n height=n nolink=(0|1) class=name style=style-data]

Где слово image обязательно после квадратной скобки!

Разъяснение:

После обязательного двоеточия идет номер документа image

align - выравнивание (для маленьких картинок), параметр right -вправо. В качетсве параметра alignment указывать left нет смысла, по умолчанию и так влево, можно параметр align пропустить.

hspace=n vspace=n - горизонтальное и вертикальное пустое пространство вокруг картинки. n - целое число.

border=n и size=label - разницы, например, при указании border=1 или border=10 не заметил. Про size вообще не понял, зачем этот параметр. Если кто-то применит его с пользой, пишите.

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

height - высота пикселях, тоже обязательно, замечено, что если не указывать, могут быть глюки.

nolink=(0|1) или 0 или 1. Не морочьте себе голову, пропускайте этот параметр.

class=name и style=style-data - Аналогично, крутые дизайнеры сами разберутся, обычному вебмастеру вряд ли пригодится.

Prina
Пользователь не в сети. Последний раз его видели 4 года 22 недели назад. Не в сети
Зарегистрирован: 2005-10-29
СпасИбо

Боже мой. Как приятно, когда человек видя, что до тебя не очень быстро доходит. Специально для тебя всё раскладывает по полочкам. И вот. Результат не заставил себя ждать. Совместными усилиями Сергея и Таюты я, наконец, создала это шедевр помещения фотографий на страницу. Радость моя просто не знает границ.

Спасибо всем. Та,та,да,да!!

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Еще совет.

На здоровье :-)

Еще маленький совет.
Администрировать/настройка/image

Для thumbnail оставьте 100 100
Кстати, thumbnail в точном переводе это не "ноготь большого пальца", как любят переводить электронные переводчики, а "сильно уменьшенная миниатюра, дающая представление об оригинале".
Давая 100 100, мы ограничиваем максимальный размер миниатюры.

Для preview лучше поставить 200 200 или 300 300, не более.

Должжы быть одинаковые числа для обоих параметров, так как это не размер, а предел границы.

Оба параметра должны быть указаны обязательно.

Allow users to view original image - поставьте галочку. Это означает "Позвольте посетителям рассматривать оригинальный образ".

mihailova
Пользователь не в сети. Последний раз его видели 4 года 24 недели назад. Не в сети
Зарегистрирован: 2006-01-04
Проблемы с превьюшками :(

Сергей, не даем мы этой темеопуститься в архив.

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

Смотри, например, сейчас я загружала тестовые фотографии в свою галерею. Через оперу я вижу не миниатюру в третьей галерее, а изображение в натуральную величину. Зато в эксплорере миниатюры отображаются замечательно, а вместо превьюшки я вижу черную точку :( Хотя через оперу видно превьюшку...

Эта ситуация регулярная у нас. Мы с Рони (она создательница первой галереи на моем сайте) уже отработали схему: она загружает фото, сразу сообщает мне, я через админскую панель нажимаю ок в настройках изображения, и все работает прекрасно. До загрузки следующей фотографии - после этого опять глюки :(

Вот и у ангелочка та же проблема: я вижу миниатюры не в виде миниатюр, а наезжающие друг на друга и перекрывающие друг друга

Что я делаю не так? (с)

Сергей, дать тебе права загрузки фото на сайт, чтоб ты сам потестил?

РS: фотографии я загружаю строго по твоей инструкции, с предпросмотром. Какая-то еще хитрость есть?

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Проверьте

Проверьте настройки, прочитав
http://1bs.ru/node/90#comment-435

Глюки с превьюшками из-за них

mihailova
Пользователь не в сети. Последний раз его видели 4 года 24 недели назад. Не в сети
Зарегистрирован: 2006-01-04
Сергей, еще раз,

Сергей, еще раз, на этот раз медленно. Настройки проверены, настройки именно такие, и они РАБОТАЮТ корректно ДО тех пор, пока в галерее не появляются НОВЫЕ изображения. И они ПРОДОЛЖАЮТ работать корректно для СТАРЫХ изображений. К НОВЫМ картинкам они ПО УМОЛЧАНИЮ не применяются.

Таким образом, я знаю, как исправить этот глюк по отношению к УЖЕ загруженным изображениям: нужно просто подтвердить применение настроек повторным нажатием кнопочки в админской панели, и я об этом писала. Но я не знаю, как настроить применение существующих настроек по умолчанию для всех файлов, загруженных после.

mihailova
Пользователь не в сети. Последний раз его видели 4 года 24 недели назад. Не в сети
Зарегистрирован: 2006-01-04
вот посмотри,

вот посмотри, пожалуйста, сейчас.
те же страницы в опере, и в эксплорере отображаются вполне корректно, и исправлено это было простым нажатием /settings/image "сохранить настройки". но как только я загружу что-то новое, снова предустановленные настройки не сработают :(

кстати, при такой схеме отладки/корректировки вполне сносно все работает и с превьюшками 600*600

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Понятно.Будет

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

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Есть новая

Есть новая версия модуля image. Потестирую и будем ставить. Надеюсь, старые глюки уйдут и будем бороться только с новыми. :-)

Главное, не теряйте оптимизма ;-)

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Поставил новую

Поставил новую версию модуля image.
По-моему, ничего не изменилось.

mihailova
Пользователь не в сети. Последний раз его видели 4 года 24 недели назад. Не в сети
Зарегистрирован: 2006-01-04
"ничего не

"ничего не изменилось" - неправда :(

изменилось. сейчас глюк не исправляется тем способом, который был предложен мной выше :( миниатюры и превьюшки ВООБЩЕ теперь у меня не работают :(

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Вернул старый

Вернул старый модуль. Загадочная штука этот модуль image, однако...

jabes
Пользователь не в сети. Последний раз его видели 4 года 29 недель назад. Не в сети
Зарегистрирован: 2006-04-13
Интересно,

Интересно, можно ли таким образом вставлять, например, story или page?
Где бы посмотреть?

Учимся вместе

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
Как и все

Как и все остальные типы документов через пункт "добавить материал".
При условии, что в "модулях" эти модули включены.
Это для админа.

Для других пользователей админ должен еще дать такое право. Если хочет. Я на своих сайтах даю пользователям право вести дневники и открывать темы в форумах. Story и page сам не пользуюсь и другим не даю. :-)

jabes
Пользователь не в сети. Последний раз его видели 4 года 29 недель назад. Не в сети
Зарегистрирован: 2006-04-13
нестыковка. я

нестыковка.
я имел в виду как вставлять ссылки на др.типы контента(ноды), кроме картинки? Но так, чтобы в тексте, куда вставляем, отображалась не ссылка, а, как и в случае с картинкой, сам материал.

Учимся вместе

1bs.ru
Пользователь не в сети. Последний раз его видели 6 часов 53 минуты назад. Не в сети
Зарегистрирован: 2005-10-06
1. Ваш вопрос

1. Ваш вопрос имеет весьма косвенное отношение к теме топика. Это предупреждение. Создавайте отдельные темы для каждого вопроса.

2. Такой вопрос передо мной не вставал, соответственно ответа нет. Кроме того, его и не будет, так как меня такая проблема не интересует. Совсем.