Ефект - до-після - для сайту за допомогою js, rudebox

Ефект - до-після - для сайту за допомогою js, rudebox
Ми зіткнулися з цікавим завданням, а саме реалізацією ефекту "до-після" для зображень, даний ефект дозволяє наочно продемонструвати які зміни були зроблені з зображенням за допомогою розділової лінії. Для цього нам знадобитися невеликий плагін TwentyTwenty.js робота якого буде забезпечуватися за допомогою двох бібліотек jQuery. Ефект досить простий, але відмінно справляється з поставленим завданням. Такий ефект стане відмінним доповненням до сайту фотографа.

Давайте подивимося, що у нас з цього всього вийшло.

Крок 1. HTML

Почати роботу з плагіном дуже просто. Для початку створіть контейнер div і помістіть в нього два зображення: без ефекту і з ефектом. приклад:

  • BblTPE3BUTEJlb: Не говори. Рідкісна скотина.
  • Gigabajt: Здравствуйте. Звертайтеся в нашу компанію Бюро-Невозможного.рф - допоможемо. ).
  • Sinaps: Питання ось у чому? А інші бачать те що намалював хто то? Вона придатна для спільного використання.
  • Ігор Леб: не працює)
  • las: а як це додати в сайт.
  • Давид: Cпасибо за підказку)
  • Shrew: Громадяни, негоже мати курсор по-серед лупи! Щоб прибрати стрілку, треба в .example додати cursor.
  • serj_ben: Спасибо большое) підправили!

Опитування блогу

Наші партнери

Популярні статті

Схожі статті