• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как увеличить изображения на сайте на JS и CSS (Как сделать увеличение изображение на сайте через JavaScript)
Как увеличить изображения на сайте на JS и CSS
Kosten
Дата: Пятница, 05.10.2018, 17:12 | Сообщение 1
Администраторы
Сообщений:18250
Награды: 55


Увеличение изображение, это неотъемлемая часть на сайте. Где основном идет по умолчанию. но нам иногда нужно сделать свое, это задать изначальную картинку, коротая изначально при открытие страницы будет в заданном размере. Вторым идет, это увеличение, где аналогично выставляем картинку, только уже в реальных параметрах.

Там веб мастер может поставить в ряд несколько снимков, где по клику они примут свой оригинальный фокус. Не говоря о самой стилистике, это оформление, как добавление теней, то здесь представлен чистый эффект.



Подключить библиотеку 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'));

Демонстрация
Прикрепления: 5377808.png(58.2 Kb)
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Как увеличить изображения на сайте на JS и CSS (Как сделать увеличение изображение на сайте через JavaScript)
  • Страница 1 из 1
  • 1
Поиск: