Promjena slika u pozadini

Web dizajn i grafika
1

Zna li netko za kakav primjer na webu za…ili…kako se to izradi…
Na web stranici ispod…može se vidjeti (pri kraju)…kako se kod skrolanja…promijene dvije slike pozadine (background)…prvo se u pozadini pojavi slika “stolice”…a potom, niže…slika “ljudi”
[Primjer web stranice][1]
[1]: http://brewlife.com/
Tražio bi po webu, da proučim…al neznam kako se to zove…

2

Koliko sam shvatio tebi trebala Parallax.Imas razne plugine za to.Moj glas za stellar.js

3

Aha, znači to se zove Parallax. Hvala!

4

vidi ovaj codepen: http://codepen.io/dropside/pen/bxhke

ili ovaj demo + tutorial:
http://codyhouse.co/gem/alternate-fixed-scroll-backgrounds/

kao što kažu, ovo se ne prikazuje kako spada na mobitelima [za tablete (iPad npr.) nisam siguran]
no ako ti to ne smeta, samo izvoli.

ako znaš js, još bolje.

5

Ja u vecini slucajeva disable-am parallax na mobitelima.Ukoliko se radi o stellar-u onda to uradim ovako:

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};
if( !isMobile.any() )
$(function(){
    $.stellar({
    horizontalScrolling: false,
    verticalOffset: 50
    });
});

Mada autor stellar.js je na svome blogu opisao kako napraviti fix za male ekrane.

6

Lijepo…
Iskreno…nemam puno znanja…da je suprotno…nebi pitao kako se to zove…