- Posts: 11
- Thank you received: 0
Pcture "on mouse"
-
Aduc
Inactive member - Topic Author
- New Member
Less
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.
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.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
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;
}
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.
Time to create page: 0.154 seconds