0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 1952 Просмотров
*

NlCK

  • Захожу иногда
  • 160
  • 1 / 0
Пример: Картинка машины, при наведении курсора на любой ее элемент - он меняется. Навел на капот - появляется шумоизоляция, навел на фары - они подсвечиваются и т.д. Вместе с этим выскакивает текст/ссылка.

Каким образом состряпать такую анимацию ?

[вложение удалено Администратором]
*

AlexFrost

  • Осваиваюсь на форуме
  • 25
  • 1 / 1
используйте jQuery или чистый JS.
Механизм прост
нулевой слой с картинкой
далее слой с описанием фар и ссылкой + подсвеченными фарами (небольшое png изображение кторое просто наложится на фоновое и "подсветит" фары) - display:none;
далее слой с капотом по такому же принципу как и фары и тоже display:none;
... и так для всех частей машинки

самыми последними будут слои без фонового изображения (без цвета и запаха) с высоким z-index (дабы всегда были вверху), эти слои будут лежать на фарах, капоте и так далее (размер данных слоев должен быть под размер делати которую он закрывает) - при наведении на них меняется display у соответсвующего слоя + скрываются все другие слои

это лишь один из вариантов, можно придумать и более утонченный
*

NlCK

  • Захожу иногда
  • 160
  • 1 / 0
спасибо. закажу проект лучше )
*

AlexFrost

  • Осваиваюсь на форуме
  • 25
  • 1 / 1
незачто, на самом деле это все проще чем звучит)
*

NlCK

  • Захожу иногда
  • 160
  • 1 / 0
я решил это сделать на флеш, поэтому так
*

voland

  • Легенда
  • 10347
  • 555 / 108
  • Эта строка съедает место на вашем мониторе
В задницу флэш!!
Это прошлый век.
На сриптах делается проще и удобнее.
*

passer

  • Давно я тут
  • 931
  • 74 / 3
Не уверен, но я бы JS программера в canvas ткнул https://developer.mozilla.org/en-US/docs/HTML/Canvas . В IE правда не поддерживается, но у Google для IE костыль видел.
*

NlCK

  • Захожу иногда
  • 160
  • 1 / 0
еще можно html+java
думаете так лучше чем флеш ?
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
еще можно html+java
думаете так лучше чем флеш ?
А причем тут java?
JavaScript и java - это два разных языка. То, что Вы хотите, делается на обычном css:
http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
http://designreviver.com/tutorials/css-image-map-techniques-and-tutorials/
*

NlCK

  • Захожу иногда
  • 160
  • 1 / 0
мне бы хотелось, чтобы менялся вид машинки (спереди, на сзади) и соответственно маски становились другими (задние фары, задний бампер) и т д. такое можно обычным CSS сделать ?
мне предложили сделать на флеше или html+java, вот я и думаю, что выбрать лучше с аспектом на будущее..
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Нет никакого html+java. Если Вам предложили именно "html+java", то этот человек слабо понимает предмет.
мне бы хотелось, чтобы менялся вид машинки (спереди, на сзади) и соответственно маски становились другими (задние фары, задний бампер) и т д. такое можно обычным CSS сделать ?
Это больше от рисователя зависит. Если есть все отрисованные виды, то остальное - дело техники.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Криво работает сайт и админ часть

Автор Odyssey

Ответов: 11
Просмотров: 357
Последний ответ 10.02.2019, 06:13:39
от Odyssey
При обновлении до Mobile-Joomla.2.1.21, пропали картинки

Автор Elimelech

Ответов: 0
Просмотров: 993
Последний ответ 15.08.2017, 13:21:31
от Elimelech
Открытие картинки

Автор andrei1537

Ответов: 10
Просмотров: 998
Последний ответ 06.07.2016, 13:39:32
от draff
Перестали грузиться картинки через CSV import

Автор Пономарев Дмитрий

Ответов: 0
Просмотров: 564
Последний ответ 09.11.2015, 13:35:38
от Пономарев Дмитрий
Часть ссылок Кирилицей, часть латиницей. Как?

Автор kelevra

Ответов: 0
Просмотров: 592
Последний ответ 21.03.2015, 12:48:39
от kelevra