Seo Форум & ИИ

Форум по программированию => Программирование => Тема начата: Miheich от 08-08-2014, 20:22:33

Название: Изменить часть картинки
Отправлено: Miheich от 08-08-2014, 20:22:33
Вечер добрый вопрос такой небольшой буду благодарен если подскажете вот картинка на сайте есть http://pro-motorik.ru/images/vse_sistems.png. Хочу сделать такой эффект чтоб при наведении курсора коробочки с автохимией изменялись каждая по отдельности и были ссылками можно это сделать html и css или что то по круче нужно Java скрипты, php?
Название: Re: Изменить часть картинки
Отправлено: Haosame от 11-08-2014, 08:12:36
Если совсем простая анимация: Можно попробовать через CSS, используя изображения как ссылки. Свойство a:hover. И с позиционированием позаморачиваться.
Если хочется чего-то более крутого: Можно через jQuery (библиотека JS) с использованием какого-либо mouseover(), а дальше что душа пожелает. Но все равно через CSS придется задать расположение.

Основная идея такая:
Делаем большую картинку в виде фона. А "коробочки с автохимией" оборачиваем div'ами. Тогда с ними все что угодно можно будет делать.
Название: Re: Изменить часть картинки
Отправлено: bibika от 11-08-2014, 10:52:50
На фон ложем картинку с машиной, а на ней в блоках размещаем другие 4 картинки, смену картинки можно сделать по событию на наведение
Название: Re: Изменить часть картинки
Отправлено: Miheich от 11-08-2014, 11:21:38
Спасибо друзья буду пробовать :)