Сергей Кузнецов предлагает Вам запомнить сайт «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
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Комментарии

Показать предыдущие комментарии (показано %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
Читать

Поиск

Сейчас в сети

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

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

Артём Ракчеев
Lenovo Z570 - Fn+F3
Артём Ракчеев Восстановление изображения на мониторе
Никстар .
валера катрухин
http://vlab.su/viewtopic.php?f=40&t=48870
валера катрухин . нетбука ASUS Eee PC 1015
Dmitriy St
Владимир Шабалин
Дмитрий,  так ничего не получится у меня с ремонтом ?
Владимир Шабалин Поднять жесткий диск Western Digital (WD)
Владимир Шабалин
Dmitriy St
Подарю другу. Он собирает магнитики)))
Dmitriy St Поднять жесткий диск Western Digital (WD)
Dmitriy St
Константин Ионкин
Владимир Шабалин