New JavaScript Technique?

JavaScript
1

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 :slight_smile:

Thanks!

2

here’s another one

Novo Garnier Body Nutri Intensivo 7 Dias Rain drops move when mouse is moved

3

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

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

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.

6

This is called the Paralax effect: Everything you need to know about Parallax. It can be done with JS or CSS3.

7

awesome! I just found this tutorial

jQuery4u Demo - The Parallax Effect