SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Hybrid View

  1. #1
    SitePoint Addict Shaydez's Avatar
    Join Date
    Jul 2006
    Location
    Boca Raton, Florida
    Posts
    356
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    New JavaScript Technique?

    I'm starting to notice a few websites having the slider technique with images sliding in the slider. if that makes sense.

    Following are some examples.

    Web Design Sydney, Digital Agency Sydney, Digital Strategy - Adrenalin Media Sydney
    Twofold Creative | Graphic, Print & Web Design in Brisbane

    This one moves based on the mouse
    Hotel in Tbilisi Georgia Holiday Inn

    Does anyone know what the name of the technique is So i can look it up and learn

    Thanks!
    Sr. Website Developer and Internet Marketing
    www.CarlosJa.com Note: If anyone
    needs to get ahold of me please feel free to email me through
    my site. Apparently i missed quite a few private messages.

  2. #2
    SitePoint Addict Shaydez's Avatar
    Join Date
    Jul 2006
    Location
    Boca Raton, Florida
    Posts
    356
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    here's another one

    Novo Garnier Body Nutri Intensivo 7 Dias Rain drops move when mouse is moved
    Sr. Website Developer and Internet Marketing
    www.CarlosJa.com Note: If anyone
    needs to get ahold of me please feel free to email me through
    my site. Apparently i missed quite a few private messages.

  3. #3
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    They are using something called jquery fancybox on their site. I am not sure if this is what you are looking for, but it looks promising.

  4. #4
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    I don't think it really has any specific name.

    It's basically just a simple slider applied twice. You could do it by moving the objects in a div that has overflow: none.

  5. #5
    SitePoint Addict Shaydez's Avatar
    Join Date
    Jul 2006
    Location
    Boca Raton, Florida
    Posts
    356
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    i think its a bit more than that. If you look at the Firebug while the slider is going or if you move your mouse the Margin: changes I think its like CSS 3 Animation.
    Sr. Website Developer and Internet Marketing
    www.CarlosJa.com Note: If anyone
    needs to get ahold of me please feel free to email me through
    my site. Apparently i missed quite a few private messages.

  6. #6
    SitePoint Guru bronze trophy TheRaptor's Avatar
    Join Date
    Jul 2011
    Location
    New York
    Posts
    710
    Mentioned
    40 Post(s)
    Tagged
    0 Thread(s)
    This is called the Paralax effect: Everything you need to know about Parallax. It can be done with JS or CSS3.

  7. #7
    SitePoint Addict Shaydez's Avatar
    Join Date
    Jul 2006
    Location
    Boca Raton, Florida
    Posts
    356
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    awesome! I just found this tutorial

    jQuery4u Demo - The Parallax Effect
    Sr. Website Developer and Internet Marketing
    www.CarlosJa.com Note: If anyone
    needs to get ahold of me please feel free to email me through
    my site. Apparently i missed quite a few private messages.


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
  •