Mouse over

  • taohi 100
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
13 years 9 months ago #7068 by taohi 100
Mouse over was created by taohi 100
Hey there,
i wonder how to install a mouse over effect for an image...
I would find it quite helpful if there would exist any possibility.
Very often i have seen if you go with the mouse over the image it is shown a little transparent box at the bottom of the image where you may put in a text belonging to the image...
I personally want to use the Image slider as a kind of menu. As we offer advertisement products, i would like to show the image digital printing for example, and when the customer is going with the mouse over the image in a little transparent box he will see the phrase Digital printing.

Regards from spain

Klaus

Please Log in to join the conversation.

More
13 years 9 months ago #7071 by pirossi
Replied by pirossi on topic Re: Mouse over
Hello,
Do you mean on images inside articles presented in HOT Carousel Pro?
When you insert images into articles you can adjust its title attribute.

For example:
Code:
<img src="digtal_printing.gif" title="Digital printing" />

Now, it will show desired title at mouse over.

Please Log in to join the conversation.

  • taohi 100
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
13 years 9 months ago #7094 by taohi 100
Replied by taohi 100 on topic Re: Mouse over
Well, i´m using the pro component only for images (image mode)with a link...
As i tried to explain, as a kind of menu...
As you said on your example page 1 image says more than 1000 words.
But i wish to get some Information if the client is going with the Mouse over the image.
Therefore i wish to have a little transparent box which should appear at the bottom if you go with the mouse over the image.
Within the image mode settings are no possibility to add some information...

Regards

Klaus
Attachments:

Please Log in to join the conversation.

More
13 years 9 months ago #7113 by ivan.milic
Replied by ivan.milic on topic Re: Mouse over
You can make articles with HTML content something like this:

<a class="MyExoticMenuItem" href="?...">
<IMG alt="?..." src="?..." />
<div>On Hover Content!</div>
<a>

then in css put something like this:

.MyExoticMenuItem div{
display:none;
}

.MyExoticMenuItem:hover div{
display:block;
}

Please Log in to join the conversation.

Time to create page: 0.164 seconds
Powered by Kunena Forum