js - obrazki pojawiające się z boku

Witam,
chciałbym się zapytać w jaki sposób wykonać pojawienie się obrazków podczas scrollowania strony. Chodzi mi o takie coś jak na tej stronie:
http://company.gamedesire.com/

proste animacje, polega to na tym, że np. pluginem do jQuery o nazwie waypoints czekasz na zdarzenie, że dany kontener na treść pojawił się na ekranie po scrollowaniu. wtedy dodajesz kontenerowi klasę np. "widoczny", którą usuwasz, gdy kontener znowu się schowa. a animacja w środku wygląda tak:

.wjazd-z-lewej {
transform: translateX(-100%);
transition: transform 500ms;
}

.widoczny .wjazd-z-lewej {
transform: translateX(0);
}

kod html przyjkładowy:

<section>
<div class=wjazd-z-lewej>ten napis wjedzie z lewej, jeżeli `section` dostanie klase `widoczny`</div>
</section>