SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2007
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Hi, mirror effect with javascript.

    I like the jQuery and the Interface

    but i want the effect from the pictures attached ? haw can i do this ?
    i google'it but i didn't find something.

    I want the "dawn" pictures to have alpha 0 to finish - end of the mirrored picture. like it vanish , dissolves in the background ? can this be done with javascript ?
    Attached Images Attached Images

  2. #2
    Resistance is Futile webgodjj's Avatar
    Join Date
    Nov 2002
    Location
    Madison, WI USA
    Posts
    448
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure what you mean here... do you want the whole thing to disapear or just part? You can assign it to a be a background image of a div in css. Then use fadein, or fadeout functions....

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2007
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by webgodjj View Post
    Then use fadein, or fadeout functions....
    Just part, to fade out to the finish of the mirrored picture. can you give me an example with those 2 function ?

    Thanks for the reply.

  4. #4
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


  5. #5
    Resistance is Futile webgodjj's Avatar
    Join Date
    Nov 2002
    Location
    Madison, WI USA
    Posts
    448
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah.. I think I was asking if you needed animation for fadeout. if so, you could just look up the syntax in the documentation under effects on the jquery website. But I think you might be looking for a something more like this:

    http://cow.neondragon.net/stuff/reflection/

    I think this should play nice with jquery. Otherwise there is a plugin under development that you can grab here:

    http://dev.jquery.com/wiki/Plugins/JReflection

    to invoke it, call:
    $('#pictureid').reflectionAdd({...}); // add the reflection
    $('#pictureid').reflectionRemove(); // remove the reflection

  6. #6
    SitePoint Enthusiast
    Join Date
    Jun 2007
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, i will try the 2 possibilities.

    Thanks a lot !


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
  •