jQuery - can this effect be achieved?

JavaScript
1

Is there anything in jQuery that would allow this kind of a transition?
http://dl.dropbox.com/u/7782299/photo_side_fade_2.swf

thanks

2

well it was worth a try :stuck_out_tongue:
thanks

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.

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?:
http://dl.dropbox.com/u/7782299/photo_crossfade.swf

I see it’s possible to do that with solid colors:
http://weston.ruter.net/projects/jquery-css-transitions/code/example.html

but what about a photo or a div container with mixed contents?

5

…all right… until then I’ll have to find a workaround

thanks guys

6

nope. I don’t think it works like that yet. Maybe in HTML 6. :slight_smile:

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?

8

you might be able to slide in a transparent png overtop your image if you’re doing this on a solid background.

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.