Картинка поверх картинки в слайдере (разделе Promo)

голоса: 0

Хотелось бы добавить логотип поверх сладера, при чём чтобы логотип анимировался заменой картинки при наведении на него.

В общем код вроде этого

 <p><a href="http://terra-pro.com.ua/publ/remont_kompjuterov_kiev/1-1-0-4"> <img src='/SVG_MENU1/remont-kompyuterov.svg' width="100" height="100" 
onmouseover="src='/SVG_MENU1/remont-kompyuterov-kiev.svg'; width=100;height=100;" 
onmouseout="src='/SVG_MENU1/remont-kompyuterov.svg'; width=100;height=100;" />

поместить на картинку

Адрес сайта http://terra-pro.com.ua/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
  1. Чтобы картинка менялась и анимировалась при наведении, сделайте как описано в материале http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee плюс фото которое будет при наведении сделайте gif формата с нужной вам анимацией.
  2. Чтобы лого переместить на слайдер, заверните код лого в отдельный див, задайте ему значение абсолют https://webref.ru/css/position  после с помощью значения top переместите фото на уровень слайдера https://webref.ru/css/top
| Автор:
...