pelachrum — 2010-07-20T00:18:33-04:00 — #1
Is there anything in jQuery that would allow this kind of a transition?
pelachrum — 2010-07-21T11:48:07-04:00 — #2
well it was worth a try
downtroden — 2010-07-21T10:22:04-04:00 — #3
that's animated the color of a div, which is being visually generated by the browser. Effects you can perform on an image are very limited because it's not 'rendered' by the browser, it's a resource the browser pulls in.
Flash on the other hand is a environment unto itself that you include in the browser and Adobe (or whoever buys it next) can give it the ability to do whatever they want.
pelachrum — 2010-07-20T23:19:19-04:00 — #4
I do actually have another option which involves affecting pixel color values. Is there anything in jQuery that can accomplish this burn out effect?:
I see it's possible to do that with solid colors:
but what about a photo or a div container with mixed contents?
pelachrum — 2010-07-20T12:32:47-04:00 — #5
...all right... until then I'll have to find a workaround
downtroden — 2010-07-20T11:58:24-04:00 — #6
nope. I don't think it works like that yet. Maybe in HTML 6.
pelachrum — 2010-07-20T11:17:43-04:00 — #7
unfortunately this will be used over a pattern so the solution I'm looking for would have to incorporate some transparency acting on the div/image itself I guess. Is there such thing as applying masks to objects in jQuery?
downtroden — 2010-07-20T09:50:25-04:00 — #8
you might be able to slide in a transparent png overtop your image if you're doing this on a solid background.
slickau — 2010-07-20T01:44:17-04:00 — #9
Don't know of any plugins which do this, but you could always create your own...
i.e. -you could have you image in one div, then in a nested div which overlays the div with the image, you could animate it to the right (the div would have a transparent background with a grey background on the left and the transparent curve on the right).
Hope this makes sense.