Отправляет email-рассылки с помощью сервиса Sendsay

Свежие уроки CSS3, HTML5, jQuery

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 142 RSS
←   Июнь 2014   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30


За последние 60 дней 12 выпусков (1-2 раза в неделю)


Открыта: 27-04-2014

Автор
Юрий Немец

Статистика

142 подписчиков
0 за неделю
←   Все выпуски   →

Свежие уроки CSS3, HTML5, jQuery Плавное увеличение изображений


Плавное увеличение изображений

В этом уроке мы рассмотрим очень полезную библиотеку Javascript, которая позволяет плавно увеличивать изображения. Например, когда человек смотрит какую-либо вещь в интернет-магазине, то, как правило, он максимально увеличивает изображение, чтобы разглядеть товар, который он хочет приобрести. И только после этого он совершает покупку. Сделать изображение с очень большим разрешением — не самый лучший выход. Потому что в этом случае изображения будут занимать много места. Более простым решением будет создать изображение масштабируемым. Это и можно сделать с помощью этой библиотеки.

 Смотреть пример | Скачать

Библиотека, которую мы будем использовать, находится здесь — Zoomer(скачать).

Как сделать плавное увеличение изображений у себя на сайте?

HTML

Подключаем между тегами <head> и </head> две библиотеки и стили для нашего плагина(jQuery, jquery.fs.zoomer.js и jquery.fs.zoomer.css):

1
2
3

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fs.zoomer.css" />
<script src="js/jquery.fs.zoomer.js"></script

Продолжение - в полной новости.
В избранное