Эффект движения фото

[ZeroGul]

Народ всем привет подскажите возможно в WYSIWYG Web Builder 11 сделать вот такой эффект. При перемещении мыши, полупрозрачные копия фонового изображения будет скользить в соответствии с положением мыши.
ссылка на образец http://tympanus.net/Development/Photogr ... teConcept/
За ранние спасибо!

[Gudwinn]

Да, вполне возможно, я выкладывал на форуме скрипт который отслеживает положение курсора, поищите, я уже не помню как тема называлась, возможно если будет время, перезалью сюда ссылку и примеры .

[ZeroGul]

Спасибо попробую найти!

Отправлено спустя 59 минут 17 секунд:
Gudwinn форум пролазил ни чего похожего не нашел. Если будет возможность скинь сюда. Спасибо!

[Конструкторщик]

Решение тебя в личке со вчерашнего дня ждет.

[dmitryp]

Конструкторщик, круто было бы если бы вы всем показали)

[Gudwinn]

Я уже скоро нянькой себя буду чувствовать (причём не на окладе)))) Вот тема viewtopic.php?f=12&t=3895&p=25504&hilit=параллакс#p25504 там есть архив с исходниками и wbs . В heade страницы скрипт , его можно настроить только по горизонтали сдвигать элементы, и скорость тоже можно настроить, в общем поиграйтесь, должно что то похожее на оригинал в итоге получиться.

[dmitryp]

Gudwinn,
Старшие всегда присматривают за младшими)) Спасибо

[ZeroGul]

Всем Спасибо

[Конструкторщик]

Вот мой вариант.

Вот скачать.

[igorweb]

Источник цитаты Вот мой

У Вас ошибки в коде ("хвосты" лишнего кода остались, div-ы не закрыты). Исправьте код в html-блоке на этот:

Код: Выделить всё

   <link rel="stylesheet" type="text/css" href="css/normalize.css" />
   <link rel="stylesheet" type="text/css" href="css/flickity.css" />
   <link rel="stylesheet" type="text/css" href="css/main.css" />
   <script src="js/modernizr.custom.js"></script>

   <div class="container">
      <div class="hero">
         <div class="hero__back hero__back--static"></div>
         <div class="hero__back hero__back--mover"></div>
         <div class="hero__front"></div>
      </div>
      <div class="stack-slider">
         <div class="stacks-wrapper"></div>
      </div>
   </div>
   <script src="js/flickity.pkgd.min.js"></script>
   <script src="js/smoothscroll.js"></script>
   <script src="js/main.js"></script>