Сергей Кузнецов предлагает Вам запомнить сайт «SOS.MirTesen.ru»
Вы хотите запомнить сайт «SOS.MirTesen.ru»?
Да Нет
×
Прогноз погоды

Скорая компьютерная помощь

Кликабельные картинки в статьях SOS.mirtesen.ru

развернуть

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

 

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

На самом деле сделать полноразмерные картинки в статье просто. Усвоим всего два правила:

  1. Создаём объект, который будет кнопкой
  2. Делаем этот объект ссылкой

Фсё.

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


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

Кликабельные картинки в статьях SOS.mirtesen.ru

или

Кликабельные картинки в статьях SOS.mirtesen.ru

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

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

Кликабельные картинки в статьях SOS.mirtesen.ru

Получаем прямые ссылки на картинки.

Кликабельные картинки в статьях SOS.mirtesen.ru

потом:

Кликабельные картинки в статьях SOS.mirtesen.ru


Вставляем картинки-кнопки загрузкой или ссылкой. Я - ссылкой. Кнопка "картинка"

Кликабельные картинки в статьях SOS.mirtesen.ru

Выделяем вставленный объект (картинку), жмём кнопку "ссылка" и вставляем прямую ссылку на полноразмерную эту-же картинку или другую:

Кликабельные картинки в статьях SOS.mirtesen.ru


Ну и напоследок немного баловства - что у нас получилось - если картинки кликать не кнопкой мыши, а колёсиком, то они откроются в новой вкладке браузера. Кликаем:

Не прочитать? Кликаем и можно будет разглядеть:

Кликабельные картинки в статьях SOS.mirtesen.ru

 

Теперь найдём десять отличий от "миниатюры" и полной картинки:

Кликабельные картинки в статьях SOS.mirtesen.ru

Ну и скоро Новый год. Поэтому на меньшее, чем прячется под картинкой, не соглашайтесь:

Кликабельные картинки в статьях SOS.mirtesen.ru


Ключевые слова: Статьи
Опубликовано 16.11.2016 в 23:35

Комментарии

Показать предыдущие комментарии (показано %s из %s)
Николай Шелаев
Николай Шелаев 17 ноября 16, в 08:42 Я понял так, что в статью, чтобы не захламлять её большими картинками, вставляются кнопки-миниатюры этих картинок, нажимая на которые они открываются в полный размер в отдельном окне. Но картинки сейчас все большие в статье и только схема кота сработала как надо, а остальные картинки при нажатии на них открыли совсем другие изображения. Какой смысл? Текст скрыт развернуть
0
Don Pedro
Don Pedro Николай Шелаев 17 ноября 16, в 09:54 Ну я же написал: "Объектом может быть в нашем случае картинка - и необязательно та же, которую делаем полноразмерной".

Вы вставляете в статью картинку. Она
1) сама по себе некликабельна
2) при отображении масштабируется и становится нечитабельной. Пример - первая картинка, где загрузка фото - текст стал мелкий и нечитабельный.

Суть ещё раз
1) вставляем картинку, котораяпросто объект, кнопка. Пусть она смасштабируется и станет нечитабельной, пусть она содержит вообще другое изображение. Это просто удобная кнопка.
2) назначаем эту кнопку ссылкой на НУЖНУЮ нам картинку.
И всё.

Просто в большинстве случаев для картинки лучшая кнопка - миниатюра самой этой картинки. Но платформа сама сделает её миниатюрой, как мы видим. Так что не паримся - нам достаточно сделать картинку ссылкой на полноразмерную себя.

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

В общем. Платформа позволяет оформлять статьи достойно и со вкусом. Так пользуйтесь этим. А то все иллюстрации только в комментах...
Текст скрыт развернуть
1
Borisaka
Borisaka 17 ноября 16, в 09:51 НАЧАЛОСЬ... То не так сидишь... то не так свистишь... Я никогда не сталкивался с проблемой этой, но раньше я пытался через хостинг
http://fastpic.ru/session/2016/1105/11EYiEMkhj.html вставлять картинки когда пошла мода на телефоны андроид итд.. но здесь уже картинка не обрабатывалась... и я эту затею бросил. Посмотрим..
<a href="http://fastpic.ru/view/84/2016/1117/43515cd620b4748b4efbb601..." target="_blank"><img src="" border="0"></a>
Текст скрыт развернуть
-1
Borisaka
Borisaka Borisaka 17 ноября 16, в 09:52 Где картинка? Только ссылка на нее???? Текст скрыт развернуть
0
Don Pedro
Don Pedro Borisaka 17 ноября 16, в 10:00 А статья не про картинки в комментах. А про оформление статьи нормальными полноразмерными картинками.

Ну и прямые ссылки, замечу, заканчиваются расширениями самих картинок - gif png bmp jpg. Вы же используете гипертекст, предназначенный для вставки в гипертекст (HTML-код) вашего сайта.
Текст скрыт развернуть
1
Borisaka
Borisaka 17 ноября 16, в 09:57 Ладно - когда тему открываешь... а в коментах как вставлять??? Текст скрыт развернуть
0
Don Pedro
Don Pedro Borisaka 17 ноября 16, в 10:07 В комментах - только ссылки или одна картинка, которая при загрузке сколько-то ужмётся:


Или просто картинка:
Текст скрыт развернуть
0
Мальчиш Плахиш
Мальчиш Плахиш 17 ноября 16, в 13:50 А зачем это нужно? Текст скрыт развернуть
0
Don Pedro
Don Pedro Мальчиш Плахиш 17 ноября 16, в 15:00 Ну затем, что в Вашей же теме текст на иллюстрациях, которые характеризуют проблему, просто нечитабельный.

А вставляют, бывает, скрин со всего экрана, который FullHD, с небольшим сообщением, на котором вообще ничего не прочитать. И как помочь, если ничего не разглядеть в подробностях?
Текст скрыт развернуть
0
Мальчиш Плахиш
Мальчиш Плахиш Don Pedro 17 ноября 16, в 15:41 Понял! Текст скрыт развернуть
0
Геннадий Лебедев
Геннадий Лебедев Don Pedro 18 ноября 16, в 01:00 Как сделать короткую слово-ссылку ? Пожалуйста Текст скрыт развернуть
0
Don Pedro
Don Pedro Геннадий Лебедев 18 ноября 16, в 02:16 Если вы автор темы, то тоже элементарно - выделить текст, который будет ссылкой (или другой объект - ту же картинку), нажать кнопку "ссылка", в поле "адрес" вставить требуемый адрес инет-страницы. Текст скрыт развернуть
1
Геннадий Лебедев
Геннадий Лебедев Don Pedro 2 декабря 16, в 16:51 Спасибо Don, но я не понял ,если я не автор темы...,а просто комментарий в теме надо написать ,то где эта чудесная кнопка "ссылка" находится?Или как-то по-другому надо? Вот как ,у Вас, в комментариях ,вместо длинющей ссылки-абракадабры одно или два слова с переходом на другую веб-страницу... Текст скрыт развернуть
0
Don Pedro
Don Pedro Геннадий Лебедев 2 декабря 16, в 17:37 В личке напишу. Просись в друзья. По-другому у меня запрещено. Текст скрыт развернуть
1
Don Pedro
Don Pedro 18 ноября 16, в 15:40 Модераторам
---------
Не сочтите за наглость, но:
Кто и по какой причине удалил мой коммент Геннадию Лебедеву.
Какие правила я нарушил? Разъясните в двух словах, если не трудно.
Текст скрыт развернуть
1
Don Pedro
Don Pedro 19 ноября 16, в 04:30 Модераторам:

Объясните, наконец, откуда появляется эти скрытие комментариев. Два коммента от Константина Ионкина с ничтожным интервалом. И один из них скрыт.

Что это - косяки платформы, включенные автофильтры автором сайта или работа модераторов? И какая... и какого... удалила мой коммент в этой теме?
Текст скрыт развернуть
0
Кот Дикий
Кот Дикий 21 ноября 16, в 13:11 "Для начала загрузим картинки на какой-нибудь хостинг. " - зачем? Если сюда можно. Много лишних телодвижений. Загрузить туда, потом сюда, сделать кнопку ссылку.......
Народ Вас не поймёт.
Текст скрыт развернуть
0
Don Pedro
Don Pedro Кот Дикий 21 ноября 16, в 16:04 Кот, привет.
Сколько раз картинки загружали в текст темы. Они сжимались, масштабировались по ширине колонки. И мелкий текст становился на них нечитабельным. Смысл в том, чтобы отмасштабированной картинкой или красивой кнопкой дать ссылку и возможность посмотреть полноразмерное изображение.

Кликни на новогоднюю картинку, перейди на полноразмерную "калоши", которая под новогодней "спрятана" и увеличь её или сохрани.
И посмотри на размер галошного постера. Такого разрешения картинку загрузить в тему - легко. Но она ужмётся и превратится в ничто и там весь текст станет нечитабельным.
Текст скрыт развернуть
2
Кот Дикий
Кот Дикий Don Pedro 23 ноября 16, в 11:57 Да это да конечно. Я не про то. В большинстве случаев - 90 - 95% достаточно просто с компа в тему. И лишь в определённых случаях, - для крупных, чтобы рассмотреть что-то, - да.
А всё подряд - это глупо.
Текст скрыт развернуть
0
Don Pedro
Don Pedro Кот Дикий 23 ноября 16, в 17:53 Ну так это понятно и очевидно. Что делать кликабельным, а что нет - просто руководствоваться здравым смыслом. Текст скрыт развернуть
0
Показать новые комментарии
Показаны все комментарии: 20
Читать

Поиск

Сейчас в сети

55882 пользователям нравится сайт sos.mirtesen.ru

Последние комментарии

Steppenwolf
Большое спасибо друзья! Черт с ним с этим Kies, интернет от Домру, проводной.
Steppenwolf Помогите друзья!
5tepanoff
5tepanoff
пользуетесь модем или вай фай? скорее всего проблема кроется в этом
5tepanoff Помогите друзья!
Владимир Шабалин
Владимир Шабалин

DenSorok.Так тут два варианта :либо платный, либо -демо. И "семерка" не подпадает.
Владимир Шабалин Ошибка в программе
АЛЕКСЕЙ СИДОРОВИЧ
Марк Заворотченко
Сергей Латышев
Помогло Fn+F6
Сергей Латышев Пропало "устройство обработки изображений" в диспетчере устройств.
Марк Заворотченко
Банк не возражает?:)
Марк Заворотченко Приложение для транзакций
Владимир Шабалин