Макеты
  • EXMO affiliate program
  • Выгодный курс обмена валюты
  • Здесь может быть Ваш текст или баннер номер №3...
    Пишите Свободно

NEW: 
Увеличение изображений. Программа Highslide JS для Ucoz

Описание Web разработки: Highslide позволяет плавно увеличивать изображения, flash, iframe, HTML со ссылками и др. Подробное описание с примерами можно посмотреть на официальном сайте Highslide JS. Должен заметить, что бесплатное использование скрипта допускается только на некоммерческих сайтах, в противном случае необходимо приобрести лицензию (стоимость от $29, но нас этим не испугать и ничего буржуинам платить не будем!)

Установка: Highslide позволяет плавно увеличивать изображения, flash, iframe, HTML со ссылками и др. Подробное описание с примерами можно посмотреть на официальном сайте Highslide JS. Должен заметить, что бесплатное использование скрипта допускается только на некоммерческих сайтах, в противном случае необходимо приобрести лицензию (стоимость от $29, но нас этим не испугать и ничего буржуинам платить не будем!)

Код


<script type="text/javascript" src="highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<script type="text/javascript">
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Закрыть"></div>',
position: 'top right',
fade: 2  
});
hs.graphicsDir = 'highslide/graphics/';
hs.dimmingOpacity = 0.7; //прозрачность фона
hs.wrapperClassName = 'borderless';
</script>



Использовать только одно увеличенное изображение, а для его уменьшения в браузере задать нужные размеры на странице при помощи атрибутов width и height. Только не забывайте, что масштабирование, выполненное браузером, обычно ухудшает качество картинки:

Код


<a href="image_big.jpg" title="Увеличить" class="highslide" onclick="return hs.expand(this)">
<img alt=" " src="image_big.jpg" width="160" height="107"/></a>.



Важное замечание: если размер увеличенного изображения (big.jpg) больше размера экрана в браузере пользователя, то Highslide JS автоматически подгоняет (уменьшает) его под размер экрана. При этом увеличенная картинка всегда вписывается в экран, независимо от того, какое устройство используется для просмотра: смартфон, планшет или монитор высокого разрешения.

Поэтому желательно, чтобы большое изображение имело запас по разрешению, например, не менее 1000 пиксел по вертикали для стандартного экрана Full HD - 1920х1080. В нашем примере, это картинка "Субботник".
Важное замечание: если размер увеличенного изображения (big.jpg) больше размера экрана в браузере пользователя, то Highslide JS автоматически подгоняет (уменьшает) его под размер экрана. При этом увеличенная картинка всегда вписывается в экран, независимо от того, какое устройство используется для просмотра: смартфон, планшет или монитор высокого разрешения.

Поэтому желательно, чтобы большое изображение имело запас по разрешению, например, не менее 1000 пиксел по вертикали для стандартного экрана Full HD - 1920х1080. В нашем примере, это картинка "Субботник".

Автор/Источник: не установлен автором Релиза или тупо источник неизвестен:)



Выгодный курс обмена валюты

 Вы собираетесь бесплатно 
Cкачать/Download 
 "Увеличение изображений. Программа Highslide JS для Ucoz" 
 Ссылки на скачивания 

  Download

Размер:
110.7 Kb


Категория: Ucoz | Добавил: ♔Ďęŕჳҝuŭ♔ | Теги: программа, изображений, highslide, uCoz, для, увеличение Увеличение изображений. Программа Highslide JS для Ucoz программа, изображений, highslide, uCoz, для, увеличение

Похожие новости:

Имя *:
Email *: