На информационном ресурсе применяются рекомендательные технологии (информационные технологии предоставления информации на основе сбора, систематизации и анализа сведений, относящихся к предпочтениям пользователей сети "Интернет", находящихся на территории Российской Федерации)

SOS.MirTesen.ru

190 подписчиков

Свежие комментарии

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

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

 

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

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

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

Фсё.

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


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

или

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

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

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

потом:


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

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


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

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

 

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

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

Картина дня

наверх