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


Как Я делаю превью... 25-08-2015 19:12 к комментариям - к полной версии - понравилось!


Под понятием превью (от англ. preview — предварительный просмотр, также thumbnail — англ.ноготок) чаще всего понимается уменьшенная копия изображения с прикреплённой к ней ссылкой, ведущей на страницу с изображением оригинального размера.
Всегда хотела научиться делать превью, чтобы по клику открывалась картинка-оригинал.
Вот так
0_c6091_6f18663f_S (75x150, 18Kb)
[239x281]

Проштудировала кучу постов, дневников, сайтов. Загружая картинки с Яндекс Фотки, почему-то, превью у меня не всегда получалось. Но я очень настырный ученик.
Я взяла к себе в помощники графический редактор Paint (он есть на каждом компьютере, и что самое главное, очень легко сделать несколько превью одинакового размера). Лучше создать на рабочем столе папку, куда скопировать картинки больших размеров, а затем картинки, уменьшенные с помощью графического редактора.
Заходим в дневник, прикрепляем несколько изображений(пакетная загрузка)
[700x525]
Адрес большой картинки(http://img0.liveinternet.ru/images/attach/c/7/124/658/124658622_0_a7ced_f66ab218_XL.jpg"
width="700" height="525" alt="0_a7ced_f66ab218_XL (700x525, 379Kb)


[216x276]

Адрес превью(http://img0.liveinternet.ru/images/attach/c/7/124/658/124658626_777.jpg"
width="216" height="276" alt="777 (216x276, 62Kb)


и вставляем адреса картинок в формулу
<*a href="АДРЕС БОЛЬШОЙ ФОТОГРАФИИ" rel="li-bigpic" target="_blank"><*img src="АДРЕС ПРЕВЬЮ" align="" border="0" /><*/a>(звездочки* удалите)

Всё! Ненужное удаляем и наслаждаемся результатом!


Простой способ делать превью:
Загружаю фотографию с рабочего стола себе в дневник и для того, чтобы сделать превью, изменяю лишь значения width="700" height="525" на width="300" height="" и полученный адрес картинки (НАПРИМЕР: http://img0.liveinternet.ru/images/attach/c/7/124/658/124658622_0_a7ced_f66ab218_XL.jpg" width="300" height=") пишем вместо слов АДРЕС ПРЕВЬЮ

[216x276] [223x272] [224x272]

САМА ФОРМУЛА
<*a href="АДРЕС БОЛЬШОЙ ФОТОГРАФИИ" rel="li-bigpic" target="_blank"><*img src="АДРЕС ПРЕВЬЮ" align="" border="0" /><*/a>(не забудьте удалить *)

________________________________________________________________

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


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

Дневник Как Я делаю превью... | Вера_Паничкина - Блокнот | Лента друзей Вера_Паничкина / Полная версия Добавить в друзья Страницы: раньше»