Question

i have an image, it will actually be the image with facebook “like” button :).

I want it to slides from beyond the right side of my screen, when i.e. I scrolls my page down to the bottom. How to do it?

Maybe jquery? But how?

Answer 1

Give the image a css left position bigger than you window width. Than use for example jQuery.animate to move it in.

HTML:

<img src="http://www.vpul.upenn.edu/platthouse/files/FB_button_1.jpg">

CSS:

img {
  position: absolute;
  left: 1000px;
}
body{
  overflow: hidden;
}

JS:

setTimeout(function(){$('img').animate({left: 10}, 500)}, 1000);

Example:

jsfiddle