Forum » Programiranje » javascript lazyload
javascript lazyload
BRBR ::
na demo strani dela (prva slika na strani - zmajšaj browser window tako da se, na refresh, takoj ne vidi, ko pa scrool down se pa naloži -> glej console log):
blazy
ne pogruntam zakaj meni ne gre, vse naloži takoj na startup:
test page
lazyload js je kopija z zgornje demo strani, tako da mora biti taprav.
blazy
ne pogruntam zakaj meni ne gre, vse naloži takoj na startup:
test page
lazyload js je kopija z zgornje demo strani, tako da mora biti taprav.
- spremenil: BRBR ()
eric_cartman ::
Si nastavil tole v svojem .js file-u?:
var blazy = new Blazy({
container: '.container'
});
Fora je da ga moraš očitno initialize-at, ker ga imaš v wrapper-ju zaprtega.
Sicer pa očitno pri vertical lazyload containerju dela isto na tvoji strani kot na original. Vsaj meni se vse takoj prikaže brez zamika.
Če pa iščeš nekaj podobnega kot je lazyload potem je tale tudi kul:
http://mynameismatthieu.com/WOW/
var blazy = new Blazy({
container: '.container'
});
Fora je da ga moraš očitno initialize-at, ker ga imaš v wrapper-ju zaprtega.
Torej:
1. Add blazy.js to your website
2. Add the 'b-lazy' class to the elements that should be lazy loaded
3. Initialize blazy whenever you're ready
Sicer pa očitno pri vertical lazyload containerju dela isto na tvoji strani kot na original. Vsaj meni se vse takoj prikaže brez zamika.
Če pa iščeš nekaj podobnega kot je lazyload potem je tale tudi kul:
http://mynameismatthieu.com/WOW/
Zgodovina sprememb…
- spremenilo: eric_cartman ()
BRBR ::
container: '.container'
to je zgolj zato da ga 'confine' to container
če te opcije ne daš bi moral delat za vse img na strani.
'wrapper' je zgolj ostanek ribarjenja v kalnem (-:
Sicer pa očitno pri vertical lazyload containerju dela isto na tvoji strani kot na original. Vsaj meni se vse takoj prikaže brez zamika.
-->
OP: na demo strani dela (prva slika na strani - zmajšaj browser window tako da se, na refresh, takoj ne vidi, ko pa scrool down se pa naloži -> glej console log):
kajpak refresh mora biti CTRL+F5 in glej tudi v console log - tam se ti poleg vizualnega učinka dokumentira load, 'as you scroll down'
Zgodovina sprememb…
- spremenil: BRBR ()
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | [HTML/CSS] Footer se noče prilepiti na dno straniOddelek: Programiranje | 1546 (1209) | IcyFox |
» | [js jquery] širina divaOddelek: Programiranje | 1194 (1062) | alexa-lol |
» | Izšla Opera 12 (strani: 1 2 3 )Oddelek: Novice / Brskalniki | 20687 (15775) | Ganon |
» | Prvi dan skoraj 7 milijonov prenosov Firefox 4 (strani: 1 2 )Oddelek: Novice / Brskalniki | 19674 (16489) | ]Fusion[ |
» | [C++] izris v [x,y]Oddelek: Programiranje | 1158 (860) | DuleKrtola |