Увеличение изображение, это неотъемлемая часть на сайте. Где основном идет по умолчанию. но нам иногда нужно сделать свое, это задать изначальную картинку, коротая изначально при открытие страницы будет в заданном размере. Вторым идет, это увеличение, где аналогично выставляем картинку, только уже в реальных параметрах.
Там веб мастер может поставить в ряд несколько снимков, где по клику они примут свой оригинальный фокус. Не говоря о самой стилистике, это оформление, как добавление теней, то здесь представлен чистый эффект.
Подключить библиотеку jQuery:
Код
<script src="https://imgix.github.io/luminous/dist/Luminous.js"></script>
HTML
Код
<div class="kearestume-becausepron">
<p>
Здесь есть возможность разместить описание.
</p>
<a href="http://zornet.ru/ABVUN/sarunolas/Sarukipan/snow_640.jpg">
<img src="http://zornet.ru/ABVUN/sarunolas/Sarukipan/snow_350.jpg">
</a>
<p>
Описание под номером № 2
</p>
</di>
CSS
Код
.kearestume-becausepron {
display: block;
width: 415px;
margin: 0 auto;
text-align: center;
}
JS
Код
new Luminous(document.querySelector('a'));
Демонстрация
