Вставить картинку с предпросмотром на сайт
WebLink24.ru
 Вставить картинку с предпросмотром на сайт

Допустим вы создали сайт и хотите разместить на нём картинки с предпросмотром (превью).
У вас имеется в наличии картинка, которую вы хотите загрузить на ваш сайт так, что бы она отображалась в виде маленькой картинки, а по клику (нажатию) на неё открывалась оригинальная картинка в этом же или новом окне! Сделать это можно быстро и легко!
Для начала сделаем копию нужной нам картинки и уменьшим её до нужных нам размеров. Эта маленькая картинка будет в качестве превью к нашей оригинальной картинке. Для этого можно воспользоваться программой из пакета Microsoft Office: Picture Manager или любой другой программой для изменения масштаба изображений. Итак, теперь у нас в наличии есть оригинальная картинка и её уменьшенный вариант для превью. Загружаем обе эти картинки на сервер вашего сайта при помощи файлового менеджера (если вы используете ucoz) или любого другого инструмента. Теперь заходим на страничку, на которой будем размещать картинки с предпросмотром (превью) и в HTML-режиме пишем следующий код:

<a href="ссылка на оригинал"><img src="ссылка на превью"></a>
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка.

Чтобы большая картинка загружалась в новом окне, код должен иметь следующий вид:
<a href="оригинал" target="_blank"><img src="превью"></a>

Пример: как вставить картинку с предпросмотром на сайт

<a href="http://weblink24.ru/LunaA.jpg"><img src="http://weblink24.ru/LunaB.jpg"></a>

или

<a href="http://weblink24.ru/LunaA.jpg" target="_blank"><img src="http://weblink24.ru/LunaB.jpg"></a>



Понедельник, 26.06.2017, 01:39

Главная
Поиск
Партнёры сайта
«Сервисный центр NoteUp»
«Технический центр IBM»
«Microsoft Corporation»
«Сервис GoGetLinks»
«OLDI-Компьютерс»
«Компания НИКС»
«Novell Russia»

Copyright WebLink24.ru © 2007-2017