2012. szeptember 2., vasárnap

Ez egy egyszerű kis JavaScript, ami placeholder képeket rak a képek helyére, amíg azok be nem töltődnek.

Ez egy egyszerű kis JavaScript, ami placeholder képeket rak a képek helyére, amíg azok be nem töltődnek. Jópofa, meg minden, de nem is ezért osztottam tovább, hanem mert van benne egy kis okosság, ami sok mindenre jó lehet. Ha rajzolsz valamit canvas-ra, a rajzolás végén lekérheted kép formában a canvas tartalmát, amit pedig megfelelő formában át lehet adni egy img tag-nek. Innentől kezdve pedig nagyon sok mindent meg lehet csinálni. Pl. SVG-t nem támogató böngészőkben lehet olyat, hogy ha az img src-ben svg-van, azt kiszedi a js, legenerálja canvas-ra, és png-ként visszaírja. Vagy kliens oldalon át lehet méretezni egy képet, effekteket rányomni, stb. stb.

Originally shared by JavaScript

Holder renders image placeholders entirely on the client side.

It works both online and offline, and offers a chainable API to style and create placeholders with ease.

It's super easy to use:

http://bit.ly/PASzIC

Nincsenek megjegyzések:

Megjegyzés küldése