• Авторизация


Как сделать картинку, раскрывающуюся по клику на полный размер 11-10-2013 15:55 к комментариям - к полной версии - понравилось!

Это цитата сообщения Гаша-Макар Оригинальное сообщение

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

Под понятием превью (от англ. preview — предварительный просмотр, также thumbnail — англ.ноготок) чаще всего понимается уменьшенная копия изображения с прикреплённой к ней ссылкой, ведущей на страницу с изображением оригинального размера. Так же этот термин может употребляться и по отношению к другим материалам (видео, 3D-арт, звуковые файлы). 

 

[300x220]

Источник

 

Это несложно!
 
1. Загружаем фотографию на Яндекс.Фотки.
 
2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превью. Для Я.ру важно: размер превью по горизонтали должен быть менее 600px (иначе картинка полностью не уместится на страничке).
 
3. После загрузки фото в выбранном размере кликаем по строке "Код для вставки на сайт или в блог" и копируем куда-нибудь ссылку из нижнего окошка. Это будет первая ссылка.
 
4. Вновь переходим на страницу фотографии, в меню "В другом размере" выбираем "Оригинал". Фото в полном размере откроется в новом окне, ссылку на эту картинку копируем из адресной строки браузера. Это вторая ссылка.
 
5. На своей странице создаём новый пост и в HTML-режиме пишем следующий код: 
<a href="вторая ссылка"><img   src="первая ссылка"></a>
 
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка.
 
Чтобы большая картинка загружалась в новом окне, код должен быть таким:
<a href="вторая ссылка" target="_blank"><img   src="первая ссылка"></a>
 

 
Источник
 
Что это такое и как это сделать.
Превью - это небольшая картинка, нажав на которую открывается картинка oригинального размера.

Превью нужно, если:
- размер картинки больше 600-700 пикселей в ширину (размеры могут несколько варьироваться, это для примера)
- вес картинки больше 200кб
- публикуется несколько картинок

Сделать превью можно следующими способами:

1)  Использовать сайт http://www.radikal.ru/

Загружаем картинку и из списка появившихся кодов выбираем: "7. HTML: превью - увеличение по клику", и вставляем этот код в сообщение.
 
Но фотки, загруженные на Радикал, часто пропадают... (((

2) Другой способ, с использованием родного ЛиРу

Нажимаем "Добавить фото".

На открывшейся странице, вверху есть строчка Я хочу закачать больше чем одну, но не более 5 (10,20 - на выбор)  фотографий. Жмем ОК.

Добавляем фотографии.

Рядом с кнопкой Опубликовать, есть строчка Опубликовать превью фотографий в дневнике - ставим галочкуЖмем Опубликовать. 
 
Все, превью уже появились отдельным постом в сообществе.
 

 

 

Как сделать превью.

Многие жалуются на непостоянство функционирования лжплюса, в основном, из-за недоступности картинок. А некоторые просто не знают, как сделать превью. Вот подробное описание того, как это делаю я:

Независимо от того, где Вы будете размещать картинки, Вы можете сделать превью следующим образом:


1) создать маленькую копию картинки, которую размещаете, у себя на компьтере, в фотошопе, или другой программе, которую используете, можно также выбрать фрагмент из картинки, а не всю ужимать. Итак, превьюшка готова.


2) загружаете обе картинки на портал (в жж, или любом другом), выясняете полный адрес картинок. Например, адрес картинки: http://pics.livejournal.com/copa_de_cafe/pic/00006h8e/s640x480
адрес превью: http://www.livejournal.com/userpic/56047839/11741506


3) В посте делаете ссылку вручную следующим образом:
<a href="адрес картинки"><img src="адрес превью"></a>


Пример:


<a href="http://pics.livejournal.com/copa_de_cafe/pic/00006h8e/s640x480"><img src="http://www.livejournal.com/userpic/56047839/11741506"></a>


Получите:


[показать]

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать картинку, раскрывающуюся по клику на полный размер | Katyushka_Sjusen - В гармонии с собой и с миром | Лента друзей Katyushka_Sjusen / Полная версия Добавить в друзья Страницы: раньше»