Viewing Rollover

Rollover



User: Claes H. 10 years ago
Hi EverWeb
I´m trying to make a link to next page with a rollover function on a picture.
I have tried with .gif and .png but the result is not what I want it to look like.
Why isn´t the .gif or the .png shown whiteout a white background?

Last edit 10 years ago
User: Paul-RAGESW 10 years ago
I'd have to see your website.

Also, do you have the latest 1.2 release?

-------------------------------
Paul
EverWeb Developer
User: Paul-RAGESW 10 years ago
I'd have to see your website.

Also, do you have the latest 1.2 release?

-------------------------------
Paul
EverWeb Developer
User: Claes H. 10 years ago
Hi Paule

my page is not up yet, but see the attachment.
I´m wondering why the gif- and png-files have
withe background and not are transparent?
User: Claes H. 10 years ago
It seams that my attachment disappeared
Try once again.
User: Claes H. 10 years ago
Sorry Paul
forgotten on thing – yes I have the latest release.
User: Claes H. 10 years ago
Hi again Paul.
I have just uploaded a quick test on the question above, you will find it here:
http://www.henningdesign.se/Test/
User: Roddy 10 years ago
A rollover like this changes out one image for another or repositions a sprite. It doesn't overlay the hover image on top of the static one.

To get the effect that I assume you want, you would need to bring in another image over the top of the static one somehow. I'm sure you can find some java script somewhere to do this.

Now that all the popular browsers are compliant with CSS transitions in their latest versions I tend to use them for dynamic content. The advantage of CSS is that you can use a text hyperlink for the rollover rather than forcing the browser to load another image.

This example is probably more extravagant than you want since it uses transition timing. I just quickly adapted one of my wild experiments to see how it could be done!

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Claes H. 10 years ago
Hi Roddy

Thank´s for the tip.
I managed to place the image in the right place, but not the text link .
My problem is, I hade to admit – I´m not used to do CCS an html-scripts
so this is the result of my failed attempts
you will find it here
http://www.henningdesign.se/test/
User: Claes H. 10 years ago
http://www.henningdeisgn.se/Test/


Post Reply
You must login or signup to post.