Как сделать картинку, раскрывающуюся по клику на полный размер |
Под понятием превью (от англ. preview — предварительный просмотр, также thumbnail — англ.ноготок) чаще всего понимается уменьшенная копия изображения с прикреплённой к ней ссылкой, ведущей на страницу с изображением оригинального размера. Так же этот термин может употребляться и по отношению к другим материалам (видео, 3D-арт, звуковые файлы).
Многие жалуются на непостоянство функционирования лжплюса, в основном, из-за недоступности картинок. А некоторые просто не знают, как сделать превью. Вот подробное описание того, как это делаю я:
Независимо от того, где Вы будете размещать картинки, Вы можете сделать превью следующим образом:
1) создать маленькую копию картинки, которую размещаете, у себя на компьтере, в фотошопе, или другой программе, которую используете, можно также выбрать фрагмент из картинки, а не всю ужимать. Итак, превьюшка готова.
2) загружаете обе картинки на портал (в жж, или любом другом), выясняете полный адрес картинок. Например, адрес картинки: http://pics.livejournal.com/copa_de_caf
<a href="адрес картинки"><img src="адрес превью"></a>
Пример:
<a href="http://pics.livejournal.com/copa_
Получите:
Серия сообщений "Фото":
Часть 1 - Пишем красиво на изображении
Часть 2 - Наслаждаться красотой осени.
...
Часть 11 - Как защитить фото от копирования.
Часть 12 - Как сделать красивое фото своего блюда или не надо капать слюной на клавиатуру!
Часть 13 - Как сделать картинку, раскрывающуюся по клику на полный размер.
Часть 14 - Пакетная загрузка изображений.
Часть 15 - Яндекс-фотки. Вставляем фотографии в пост.
...
Часть 19 - Фотоальбомы, пошаговая инструкция
Часть 20 - Вставляем изображения в запись. Превью.
Часть 21 - Урок "Пакетная загрузка картинок на ЛиРу".
Серия сообщений "Уроки Лиру":
Часть 1 - Шпаргалка кодов
Часть 2 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
...
Часть 5 - "лайки" из почты не работают...
Часть 6 - Большой каталог полезных сайтов
Часть 7 - Как сделать картинку, раскрывающуюся по клику на полный размер
Часть 8 - 20/20 V.2.2 Программа для создания бесшовных фонов.
Часть 9 - Как создать граватар
...
Часть 19 - Используем TOR для любого браузера или программы
Часть 20 - Устанавливаем и используем TOR
Часть 21 - Как поставить печатные (угловые) кавычки
Рубрики: | оформление блога/Картинки |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |