• Cocoen — сравнение изображений до и после

    Блог

    Персональный блог

Cocoen — сравнение изображений до и после

Cocoen — сравнение изображений до и после

Визуальное сравнение двух изображений одного и того же момента, но при разных условиях. Передвигая бегунок слева направо или в обратном направлении можно наглядно сравнить состояния До и После.

HTML

Для правильного применения стилей, нужно сохранить наличие класса cocoen.

CSS

В шапке подключаем стили скрипта

JS

Скрипт можно вызывать на чистом jаvascript

Если на одной странице будет несколько разных блоков .cocoen, то инициализацию скрипта нужно выполнять так:

Скрипт поддерживает вызов, как jQuery плагин, в этом случае его нужно вызывать так:

подключив предварительно jQuery библиотеку, и дополнительный файл cocoen-jquery.min.js

 

Исходники: cocoen

 

Ссылки

Свяжитесь со мной

Используйте эту форму, чтобы рассказать мне о целях и потребностях вашего проекта.

[contact-form-7 404 "Not Found"]