SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как такое сделать на сайте wordpress?

killbox killbox  
18
  22.02.2017 13:57       1 112    
У меня фан сайт по игре с прохождениями квестов и всяких разгадок.

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

То есть идут ниже картинки вопросы к примеру:
1) Модель земли
2) ..

И надо, при наведении на текст "Модель земли" выделился глобус, который на картинке и лежит там на столе. Либо при наведении, либо при клике. Главное чтобы посетителю было понятно.

Такое надо сделать не только при наведении/клике на текст, но и на картинки. Т.е. вместо загадок картинки.

Как реализовать пока не соображу ибо таким еще не занимался.

Ответы на пост (3) Написать ответ
Nikita Schmidt Nikita Schmidt
13
22.02.2017 15:36
гуглите:
jquery (если используете сию библиотеку)
mouseMove
addClass

если не используете то:
javascript
onMouseMove
setAttribute
0
nikonn24 nikonn24
23
22.02.2017 17:19
+ если у вас картинка общая, ее нужно разделить на области в фотошопе например.
0
darkvladislav darkvladislav
1
22.02.2017 17:27
для начала тебе нужно для картинку разбить на области (гугли map area), далее необходим jquery плагин maphilight (необходим, что бы выделять области при наведении на area, ибо псевдокласс Hover тут не работает, даллее как-то связать текст с каждой area (на самом деле не знаю как)
0