Pcture "on mouse"

  • Aduc
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 4 weeks ago #34866 by Aduc
Pcture "on mouse" was created by Aduc
Hello Ivan!

I'am using template "wine"
Are there any option to change a picture to another one in the page if mouse above the picture?

Best Regards,
Andrey.

Please Log in to join the conversation.

More
11 years 4 weeks ago #34873 by ivan.milic
Replied by ivan.milic on topic Pcture "on mouse"
You did not specify which one. There are many ways to do that (image swap) if you are talking about content you enter if from some component then it maybe is not so easy.

Here is simple approach:

HTML:

<a class="img_swap" href="#">
<img class="first_image" src="image1.jpg" alt="" />
<img class="second_image" src="image2.jpg" alt="" />
</a>

CSS (you can put it at bottom of template_css.css):

a.img_swap IMG.second_image{
display:none;
}

a.img_swap:hover IMG.second_image{
display:block;
}

a.img_swap:hover IMG.first_image{
display:none;
}

Please Log in to join the conversation.

  • Aduc
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
11 years 3 weeks ago #34880 by Aduc
Replied by Aduc on topic Pcture "on mouse"
Ivan,

Thank's a lot
it's exactly what i looked for!

Andrey.

Please Log in to join the conversation.

Time to create page: 0.154 seconds
Powered by Kunena Forum