SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Zealot
    Join Date
    Jan 2006
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery - can this effect be achieved?

    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. #2
    SitePoint Enthusiast
    Join Date
    Apr 2009
    Posts
    73
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    SitePoint Guru downtroden's Avatar
    Join Date
    Dec 2004
    Location
    illinois
    Posts
    978
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you might be able to slide in a transparent png overtop your image if you're doing this on a solid background.
    your brain reacts in the same way whether you are
    looking at something or thinking about it...

  4. #4
    SitePoint Zealot
    Join Date
    Jan 2006
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  5. #5
    SitePoint Guru downtroden's Avatar
    Join Date
    Dec 2004
    Location
    illinois
    Posts
    978
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    nope. I don't think it works like that yet. Maybe in HTML 6.
    your brain reacts in the same way whether you are
    looking at something or thinking about it...

  6. #6
    SitePoint Zealot
    Join Date
    Jan 2006
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by downtroden View Post
    nope. I don't think it works like that yet. Maybe in HTML 6.
    ...all right... until then I'll have to find a workaround

    thanks guys

  7. #7
    SitePoint Zealot
    Join Date
    Jan 2006
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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/jqu...e/example.html

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

  8. #8
    SitePoint Guru downtroden's Avatar
    Join Date
    Dec 2004
    Location
    illinois
    Posts
    978
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    your brain reacts in the same way whether you are
    looking at something or thinking about it...

  9. #9
    SitePoint Zealot
    Join Date
    Jan 2006
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well it was worth a try
    thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •