-–убрики

 -¬сегда под рукой

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

ѕ€тница, 04 январ€ 2013 г. 14:19 + в цитатник

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

 

»сточник

 

Ёто несложно!
 
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>


ѕолучите:


 

–убрики:  І ¬сЄ дл€ блога/Ћи–у
І ‘ото
ћетки:  

ѕроцитировано 28 раз
ѕонравилось: 7 пользовател€м



UniqueAlenka   обратитьс€ по имени —уббота, 05 январ€ 2013 г. 00:28 (ссылка)
¬озьму, потом как-нибудь попробую...
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—уббота, 05 январ€ 2013 г. 00:34ссылка
јга... ћне понравилось...
Maksimych   обратитьс€ по имени ¬оскресенье, 26 ћарта 2017 г. 08:12 (ссылка)
Ѕлагодарю!
ќтветить — цитатой ¬ цитатник
tane4ka777   обратитьс€ по имени ¬оскресенье, 26 ћарта 2017 г. 21:19 (ссылка)
—пасибо!
ќтветить — цитатой ¬ цитатник
 омментировать   дневнику —траницы: [1] [Ќовые]
 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку