Техническое: Вставка картинок в коммент - пошагово, с …картинками

Аватар пользователя Polaris

Задали мне вопрос о том, как вставить картинку в коммент.

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

Итак: пишем коммент и решаем вставить картинку туда, где сейчас курсор в тексте.

1. Давим кнопку "вставить картинку" на панели ввода коммента

2. Появляется окно, в котором можно указать источник картинки. Если картинку тащить с какой-то чужой статьи в сети или из блога - щелкаем в источнике по ней правой кнопкой, выбираем "копировать адрес изображения", и вставляем этот адрес в это поле

после чего щелкаем внизу ОК

Картинка появляется в комменте. Если есть желание изменить размер, положение в тексте - играйте содержимым остальных полей.

Если нужно вставить картинку со своего компа или смартфона, нужно сначала закачать ее на сервер портала.

Для этого, как описано выше, давим кнопку "Изображение", но поскольку адреса картинки взять негде, давим кнопку "Выбор на сервере"

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

Если нужно закачать новую - давим кнопку "Закачать" над панелью навигации. Появляется окно выбора файла на компе или в смартфоне.

Давим кнопку "Обзор", и лазим по своим папкам, ищем картинку.

Когда нашли - ищем внизу кнопку "Открыть", возвращаемся в окно выбора файла, проверяем, что имя файла то, что надо, и давим "Закачать" в нижней части этого окна.

После этого файл с компьютера закачивается на сервер и появляется в списке закачанных файлов. Давим кнопку "Вставить файл" над панелью с выделенным файлом.

Это действие возвращает в знакомое окно вставки картинки

В поле адреса появился адрес файла картинки на сервере, ниже - окно предпросмотра. Можно задать параметры в полях отступа, выравнивания и прочих - можно просто нажать ОК и испытать счастье победы в этом квесте с несколькими тестами IQ, зрительной памяти, способности ориентироваться в своих файлах, терпения, наконец.

Поздравляю, Вы победили :)

ОК!

Авторство: 
Авторская работа / переводика
Комментарий автора: 

Успеха! Всё не так сложно уже со второго раза, и гораздо быстрее, чем было прочитать эту инструкцию.

Надеюсь, поможет.

Комментарии

Аватар пользователя Бабушка Алёна
Бабушка Алёна(6 лет 6 месяцев)

smile152.gif

Аватар пользователя Тохx
Тохx(6 лет 4 месяца)

Видео сложней.

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

Видео, которое уже есть на каком-то хостинге, поддерживаемом сервером АШ, вставляется так же по ссылке. Если свое - надо сначала закачать на YouTube или куда еще, и тогда будет ссылка.

Аватар пользователя vagabond
vagabond(7 лет 7 месяцев)

Аватар пользователя kolos
kolos(5 лет 11 месяцев)

Левой кинопкой цепляешь картинку и перетаскиваешь в комент. Всё  ))

Правда есть аж два нюанса:

- размер как получится, не угадаешь

- нигде не сохраняется, если будет удалена в источнике, пропадет и на АШ.

Аватар пользователя Pencroff
Pencroff(2 года 9 месяцев)

Левой кинопкой цепляешь картинку и перетаскиваешь в комент. Всё  ))

Это если "цеплять" из интернета и чтоб цепляемая картинка не была <*.web>

Также не подцепится картинка (хоть какого формата), например, из вашего яндекс/гугло-фото. УРЛ вы получите, но местный сервис вставки картинок его не поймет. Или сделает вид, что не понимает...

Инструкция, мало ли, кто не понял, - о публикации своих картинок, локальных, со своего компьютера.

Аватар пользователя lucul
lucul(1 год 9 месяцев)

Левой кинопкой цепляешь картинку и перетаскиваешь в комент. Всё  ))

НЕ-не-не ,на АШ самая убогая система редактирования - примерно как в 2001г такое было у всех. Но за 20 лет многое изменилось,но не на АШ.

Вот к примеру ,если я хочу вставить фото из 10 картинок ,с комментариями под каждой ,то у меня с телефона это не получается делать ,они закачиваются одна за одной ,и под картинкой неактивен курсор ддя коммента.

Вон на Topwar всё сделано элементарно и просто ,а тут 20 летний анахронизм.

Аватар пользователя kolos
kolos(5 лет 11 месяцев)

Кое-кто и комент к родительскому так и не научился цеплять  )

Аватар пользователя Ирвин Шаг
Ирвин Шаг(9 лет 1 месяц)

Спасибо.

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

Может сейчас упростят?

Заодно можно вынести на обсуждение отмену банов(оставить только для первогодок чтоб клеймить) и замену их на лайки.

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

Такой уж движок сайта, придется слишком многое менять

Если что-то работает - лучше не трогать :)

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

В общем, нет предела совершенству :)

Аватар пользователя Ирвин Шаг
Ирвин Шаг(9 лет 1 месяц)

Просто бан это затыкание чужого рта кляпом. Навсегда.

Чтоб не мешал соловьём разливаться.

Без возможности ответить.

Дискриминация в чистом виде.

Ну и коменты к банам очень "информативные". Типа -  госдеповская шушера.

Аватар пользователя Юрец
Юрец(1 год 9 месяцев)

спасибо за описание
думал, я один неправильно понимаю а оказывается все действительно так сложно

а с "создать миниатюру"? я знаю где-то в FAQ было об этом, но раз уж речь зашла

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

С миниатюрами придется заняться дополнительным камланием.

Допустим, Вы загрузили на сервер настолько большую картинку, что она в коммент не влезет, и решили сделать так, чтобы в комменте была миниатюра, а по клику открывалась большая.

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

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

Теперь ставим курсор в комменте в позицию, куда надо вставить миниатюру, жмем кнопку "Изображение", "выбор на сервере", выбираем в списке миниатюру, жмем "вставить файл" - но ОК пока не давим, работа не закончена.

В самом верху переходим на вкладку "Ссылка", в ней тоже поле адреса и кнопка "выбор на сервере".

Сюда можно вставить внешнюю ссылку на любой ресурс, который нужно открыть щелчком по миниатюре, а можно нажать "выбор на сервере" и выбрать там любую картинку, хоть ту, из которой сделана миниатюра, и жать "вставить файл.

Вот после этого можно давить ОК и в коммент вставится кликабельная миниатюра.

Вот только открываться она будет по умолчанию большой картинкой вместо коммента, и как оттуда вернуться назад в коммент, я (честно признаюсь) не знаю. Только стрелкой "назад" броузера. Поэтому лучше такие миниатюры открывать в новом окне, которое потом закрывать - но этому каждый подорвавшийся на миниатюре будет учиться сам :)

Если кто найдет тайну этого золотого ключика (как вернуться из просмотра большой картинки назад) - буду признателен.

В подтверждение рассказанного - вот результат

Аватар пользователя Юрец
Юрец(1 год 9 месяцев)

Йыыааа... как сложно.
попробую, иногда не хочется терять качество (делать resize/downscaling) изображения а для коммента в ленте - широковато.

Спасибо!

Нда, если бы не Ваше объяснение - не научился бы.
Добавил в закладки.

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

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

Можно и по другому: сделать миниатюру (ее, кстати, можно и самому сделать в Фотошопе, а потом закачать), вставить в коммент как картинку, наступить на нее, чтобы выделилась, и щелкнуть значок ссылки в панели окна редактирования коммента. Появится окно вставки адреса - туда можно какой угодно вставить. Если на загруженную. картинку с сервера - придется сначала ее адрес скопировать.

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

Но так, как я раньше писал, мне кажется проще.

Успехов!

Аватар пользователя Юрец
Юрец(1 год 9 месяцев)

Так даже понятнее. Доступ к полноформатному изображению через ссылку.
Думаю такой способ я быстрее запомню.

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

Аватар пользователя мистер Бин
мистер Бин(1 год 2 месяца)

Подскажите,пожалуйста,вот с ЭТОГО ресурса пытался вставить ссылку,но что-то не пошло

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

Если Вы пытались вставить ту ссылку, которая внизу в окне после загрузки

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

Надо этот адрес вставить в адресную строку броузера

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

Его и вставить.

Аватар пользователя Polaris
Polaris(8 лет 11 месяцев)

Можно, кстати, открыть ссылку в списке "Коды для встраивания" и скопировать часть ссылки оттуда, чтобы не открывать в броузере

видно, что в адресе изображения имя загруженной картинки идет через слэш после кода, который дает хостинг

Аватар пользователя мистер Бин
мистер Бин(1 год 2 месяца)

Спасибо