Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
rollover image? is possible?

misterpaint
Registered User
Quote
2022-11-14 11:40:19

Is there a function to create rollover images?


bupp
Registered User
Quote
2022-11-14 11:53:48

do you mean a slideshow? This you can insert.


micaelo
Registered User
Quote
2022-11-14 17:41:19

You could set one image as container background and the other image as container content, and then zero the opacity of the content on mouseover by adding this code to the content image:
🔎︎

But it won't give you a smooth transition.


micaelo
Registered User
Quote
2022-11-15 09:35:36

Another way would be to just insert an image and give it the additional code ... )*
🔎︎

)* file names to be replaced with your file names
The downside here is that you have to manually put the mouseover image into RC's rc_images folder, i.e. the project's rc_images folder must already exist or you have to pre-prepare it manually.
And again, this won't give you a smooth transition either.


martin
Registered User
Quote
2023-02-09 10:28:59

Great micaelo!

I am using the fading rollover from your RC Tips page now.
https://4hundert.de/rctips/rollo....

Actually you could slightly generalize your code by using classes:
Give the to-be-rolledover IMG a class, let's say
class="rollover"
and then in the page's CSS section specify as
img.rollover { transition: opacity ... }

Then you don't need to copy and paste the container ID and hope it never changes and it will work on more than one image without changing the CSS.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Intern?tional" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact