Какой плагин использует сайт trask-industries.com/#/genetics?

Question

[mouseroker]

На этом сайте www.trask-industries.com/#/genetics при наведении курсора на иконки слева они меняются. Мне нужно что-то подобное. Я делаю сайт на Wordpress возможно ли сделать что-то подобное при помощи плагина? Объясняю конкретно. Задумка такая: на моём сайте есть фон, если мышку убрать с границ сайта видно только фон, а когда навести курсор на определённую часть поверх фона в этих границах появляется (мгновенно, т.е. ничего не всплывает не прорисовывается, как на том сайте по ссылке) другая картинка. При этом нужно добавить несколько кнопок на эти катинки.

Answer 1

[Alexey Svirschevskiy]

Используется самописная функция spriteAnimation, которая при наведении на элемент меняет значение свойства background-position у элемента.

Background элемента представляет из себя спрайт

Сама функция находится в этом файле, а с помощью jsbeautifier можно ее посмотреть.

Вот в этой теме есть решения как на css3 так и на js. Либо можно переписать функцию из вашего примера.

Comments

[mouseroker]

Я почти что решил свой вопрос. Мне спрайт не подходит. Почитайте пожалуйста внимательней вопрос. Анимация абсолютно не интересует!
Просто пример привел не удано.
Напишу вопрос по-другому. Вот фон s58.radikal.ru/i162/1402/50/b1ec1a4289ef.jpg
навожу курсор на верхнюю часть сайта поверх фона появляется эта картинка i023.radikal.ru/1402/aa/2f56c8edaba7.jpg
навожу на средний участок появляется другая картинка так же в средней части сайта i054.radikal.ru/1402/dd/ea553043b8f7.jpg
навожу на нижнюю часть появляется вот такая картинка i020.radikal.ru/1402/9c/ee902a6540f8.jpg

На некоторых картинках есть кнопки.

Всё что меня интересует это замена фона на определённую картинку при наведении на неё курсора, без анимаций, вот так.

[Alexey Svirschevskiy]

jsfiddle.net/Dpe8c