2952 posts
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 more
DDStudios says

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 !

707 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
ChillThemes says
18 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 000 and 5 000 dollars
chillyorange says

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…

2952 posts
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 more
DDStudios says
Something like this? http://hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/

Yeah that look good .. Any other suggestion anyone ?

2952 posts
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 more
DDStudios says
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.

18 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 000 and 5 000 dollars
chillyorange says
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!

2952 posts
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 more
DDStudios says
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 !

426 posts
  • Beta Tester
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 10 and 49 users
  • Sold between 5 000 and 10 000 dollars
  • United States
vasilios says

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. :)

2952 posts
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 more
DDStudios says
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.

630 posts
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 100 and 1 000 dollars
  • United Kingdom
RobbyDesigns says

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)

by
by
by
by
by
by