Jump to content
  • 0

Изменение изображения при наведении на другое изображение


alexencev
 Share

Question

Вопрос в следующем: Во многих местах описано как сделать скриптами или средствами CSS изменение изображения при наведении на него курсора. Я столкнулся с необходимостью изменения одного изображения  при наведении курсора на другие изображения. Может кто сталкивался, а то сам не соображу.

 

заранее спасибо за ответы

 

 

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

спасибо за ответ. Даю больше данных :). Кода пока нет поэтому опишу. Есть изображение (по сути это географическая карта некоторой области) оно расположено сверху (absolute или fixed). Ниже расположены картинки с названиями городов. При наведении на картинку с названием города мне нужно чтобы на карте сверху появлялась жирная красная точка на месте города. Как я понимаю нужно заместить верхнее изображение другим с красной точкой в нужном месте. 

Link to comment
Share on other sites

  • 0

спасибо за ответ. просто добавить точку не очень удобно да и страшновато что она уедет не туда. К тому же с помощью фотошопа добавить красную точку можно красивее.

 

Я пока не понимаю можно ли вообще  мою проблему решить несложно или это сложная задача?. 

Link to comment
Share on other sites

  • 0

Я бы делал на JS. Делаете изображение с картой z-index:1; position:relative; Далее с z-index:2; position: absolute; display:none; добавляете в нужные места дополнительные изображения а на JS при hover изменяет свойство display.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy