Opacity

Does anyone know a good tutorials about Opacity stuff. You know like we see a lot on portfolio when there is a lot of image and then when you hover it become darker or lighter or more saturated ..

Thanks !

Something like this? http://hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/

Why not just use jQuery to manipulate the opacity of an object? There is no need to worry about the different implementation of opacity between browsers (meaning between IE and real browsers).

You can just use the jQuery css() function to manipulate the opacity or the animate() function to animate the manipulation.

Can’t think of any tutorial right away…

Something like this? http://hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/

Yeah that look good .. Any other suggestion anyone ?

Why not just use jQuery to manipulate the opacity of an object? There is no need to worry about the different implementation of opacity between browsers (meaning between IE and real browsers).

You can just use the jQuery css() function to manipulate the opacity or the animate() function to animate the manipulation.

Can’t think of any tutorial right away…

I don’t have any Jquery knowledge right now , I shouuld learn it someday.

Why not just use jQuery to manipulate the opacity of an object? There is no need to worry about the different implementation of opacity between browsers (meaning between IE and real browsers).

You can just use the jQuery css() function to manipulate the opacity or the animate() function to animate the manipulation.

Can’t think of any tutorial right away…

I don’t have any Jquery knowledge right now , I shouuld learn it someday.

Sorry, my bad! I thought with all the nice themes you released, you knew some jQuery stuff already… Anyway, it’s definitely worth getting into!

Why not just use jQuery to manipulate the opacity of an object? There is no need to worry about the different implementation of opacity between browsers (meaning between IE and real browsers).

You can just use the jQuery css() function to manipulate the opacity or the animate() function to animate the manipulation.

Can’t think of any tutorial right away…

I don’t have any Jquery knowledge right now , I shouuld learn it someday.

Sorry, my bad! I thought with all the nice themes you released, you knew some jQuery stuff already… Anyway, it’s definitely worth getting into!

lol thanks for the compliment but no , I don’t

Actually I learned HTML /CSS some month ago only .. all that computer stuff is new for me , even design lol !

LEARN JQUERY DD . NOW.

But, yes, with images, you just create a 1×1 pixel GIF /PNG image that is filled with a certain opacity of a certain color, and then set that as the background image and repeat it. For a rollover effect, create another image with another opacity and/or color.

If opacity is to be used on my personal site, I just use rgba.

LEARN JQUERY DD . NOW.

But, yes, with images, you just create a 1×1 pixel GIF /PNG image that is filled with a certain opacity of a certain color, and then set that as the background image and repeat it. For a rollover effect, create another image with another opacity and/or color.

If opacity is to be used on my personal site, I just use rgba.

Oh ok , so I could use any pattern .. pretty interesting.

Let’s let bygones be bygones mate: Download this small template, look at the code, it will all be clear. http://www.robbydesigns.com/previews/opacity.zip

(Needs a hack or something for Firefox but good in IE)