Re: Creating Rolleover image

[Brian Hinton]

Probably the best way is to use css sprites. A quick google search on css sprites should get you started. The basic process is that you move an image background within an element when the mouse cursor hovers over that element giving the illusion of a new image and your rollover effect.

Keep in mind you could use css3 as well to create some gradient rollovers or element transforms. All depends on what you are trying to do. If you need specific help post back. 

-- Sent from my Palm Pixi

---

On Mar 31, 2011 1:30 PM, Urban <roland...@gmail.com> wrote:

How can i craete an rolloverimage in Bluegriffon.?

[Urban]

[Urbannature]

Thanks for your comment.

What I want to achieve is that for example a standard black and white
image is displayed and if you go over it with the mouse the color
image is displayed.

In Dreamweaver you can choose to image objects and then rollover.
If I have understood Bluegriffon has no standard function as rollover
images in Dreamweaver.

On 31 mrt, 19:57, "Brian Hinton" <bluegriffonrev...@gmail.com> wrote:
> Probably the best way is to use css sprites. A quick google search on css sprites should get you started. The basic process is that you move an image background within an element when the mouse cursor hovers over that element giving the illusion of a new image and your rollover effect.
>

> Keep in mind you could use css3 as well to create some gradient rollovers or element transforms. All depends on what you are trying to do. If you need specific help post back.&nbsp;

>
> -- Sent from my Palm Pixi

[Daniel Glazman]

Le 31/03/11 20:28, Urbannature a �crit :

> Thanks for your comment.
>
> What I want to achieve is that for example a standard black and white
> image is displayed and if you go over it with the mouse the color
> image is displayed.
>
> In Dreamweaver you can choose to image objects and then rollover.
> If I have understood Bluegriffon has no standard function as rollover
> images in Dreamweaver.

Not builtin, because there as many ways of doing a rollover effect as
there are web authors... You can always insert an img element of a
given height and width, apply a css background through the css panel,
and apply another background on :hover.

All of that will be replaced in CSS 3 by the 'content' property applied
to all elements, including images:

img { content: url(firstimage.png) }
img:hover { content: url(secondimage.png) }

</Daniel>

[Urbannature]

Ok thanks, this is a clear answer.

Soon I'm going to try.

> > How can i craete an rolloverimage in Bluegriffon.?- Tekst uit oorspronkelijk bericht niet weergeven -
>
> - Tekst uit oorspronkelijk bericht weergeven -

[Brian]

And some CSS sprite tutorials:

http://skyje.com/2010/02/css-sprites/

And some info on the content property:

http://www.w3schools.com/Css/pr_gen_content.asp

-- 
Brian
Sent with Sparrow

[Urbannature]

thx

> > > - Tekst uit oorspronkelijk bericht weergeven -- Tekst uit oorspronkelijk bericht niet weergeven -