2952 posts
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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 !

709 posts
  • Affiliate Level 2
  • Author Level 5
  • Beta Tester
  • Collector Level 2
+2 more
ChillThemes
says
18 posts
  • 5 Years of Membership
  • Author Level 3
  • Collector Level 2
  • Exclusive Author
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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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
  • 5 Years of Membership
  • Author Level 3
  • Collector Level 2
  • Exclusive Author
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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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
  • 6 Years of Membership
  • Affiliate Level 2
  • Author Level 4
  • Beta Tester
+4 more
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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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.

638 posts
  • 6 Years of Membership
  • Author Level 2
  • Collector Level 4
  • Exclusive Author
+2 more
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