Promjena slika u pozadini

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…

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

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

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.

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.

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


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey