imgix.js

imgix.js ay gumagana sa pamamagitan ng paggamit imgix API upang maisagawa ang isang serye ng mga operasyon at mga pagbabago sa mga imahe ng iyong site.

Ang aklatan ay maaaring gamitin lalo na upang makatulong sa iyo naghahatid fluid, laki at aparato-aware na mga larawan sa iyong mga gumagamit, ngunit ito rin ay sumusuporta sa ilang mga iba pang mga dagdag cool na tampok pati na rin.

Kabilang dito ang suporta para sa color palette bunutan, umiikot o pag-crop ng mga imahe, teksto overlay, mga epekto ng larawan, at kahit picture watermarking.

imgix.js ay maaaring magamit sa mga site na nakasulat sa vanilla JavaScript, o maaari mong gamitin ang kanyang jQuery bersyon kung ikaw ay gumagamit ng jQuery sa iyong site.

Ang mga halimbawa at mga tagubilin sa paggamit ay kasama sa download package

Ano ang bago sa ito release:.

< li> Mga Tampok:
• Inalis ang lahat ng code na tumutukoy sa pag-sign imgix URL sa iyong API token. Kami ay nagpasya na ang code na ay hindi well-ugma para sa client-side na code tulad imgix.js. Kung kailangan mong gumamit ng naka-sign URL, iminumungkahi namin ang paggamit ng isa sa aming mga aklatan client sa halip.
• Nagdagdag ng balbula parameter upang imgix.fluid. parameter na ito ay tumutukoy kung gaano kadalas tamad-load mga imahe poll ang viewport upang matukoy kung sila ay dapat na i-load ang kanilang pinagmulan o hindi. Ito ay dating tinukoy ng parameter debounce, na din humahawak ng botohan para sa mga kaganapan window resize. Ang default na halaga para sa balbula ay 200ms.
• Bug Pag-aayos:
• Nakatakdang ng isang bug sa aming lazyload code na pumipigil imahe pinutol sa pamamagitan ng sa itaas o kaliwang gilid ng viewport browser mula sa rendering ng maayos.
• Ang Nakatakdang ng isang bug na maaaring minsan maging sanhi imgix.fluid upang hindi kumilos ng maayos kung ang source image ay mayroon na sa cache ng browser.

Ano ang bago sa bersyon 2.0.0:

• Mga Tampok:
• Inalis ang lahat ng code na tumutukoy sa pag-sign imgix URL sa iyong API token. Kami ay nagpasya na ang code na ay hindi well-ugma para sa client-side na code tulad imgix.js. Kung kailangan mong gumamit ng naka-sign URL, iminumungkahi namin ang paggamit ng isa sa aming mga aklatan client sa halip.
• Nagdagdag ng balbula parameter upang imgix.fluid. parameter na ito ay tumutukoy kung gaano kadalas tamad-load mga imahe poll ang viewport upang matukoy kung sila ay dapat na i-load ang kanilang pinagmulan o hindi. Ito ay dating tinukoy ng parameter debounce, na din humahawak ng botohan para sa mga kaganapan window resize. Ang default na halaga para sa balbula ay 200ms.
• Bug Pag-aayos:
• Nakatakdang ng isang bug sa aming lazyload code na pumipigil imahe pinutol sa pamamagitan ng sa itaas o kaliwang gilid ng viewport browser mula sa rendering ng maayos.
• Ang Nakatakdang ng isang bug na maaaring minsan maging sanhi imgix.fluid upang hindi kumilos ng maayos kung ang source image ay mayroon na sa cache ng browser.

Ano ang bago sa bersyon 1.1.2:

• Mga Tampok:
• Inalis ang lahat ng code na tumutukoy sa pag-sign imgix URL sa iyong API token. Kami ay nagpasya na ang code na ay hindi well-ugma para sa client-side na code tulad imgix.js. Kung kailangan mong gumamit ng naka-sign URL, iminumungkahi namin ang paggamit ng isa sa aming mga aklatan client sa halip.
• Nagdagdag ng balbula parameter upang imgix.fluid. parameter na ito ay tumutukoy kung gaano kadalas tamad-load mga imahe poll ang viewport upang matukoy kung sila ay dapat na i-load ang kanilang pinagmulan o hindi. Ito ay dating tinukoy ng parameter debounce, na din humahawak ng botohan para sa mga kaganapan window resize. Ang default na halaga para sa balbula ay 200ms.
• Bug Pag-aayos:
• Nakatakdang ng isang bug sa aming lazyload code na pumipigil imahe pinutol sa pamamagitan ng sa itaas o kaliwang gilid ng viewport browser mula sa rendering ng maayos.
• Ang Nakatakdang ng isang bug na maaaring minsan maging sanhi imgix.fluid upang hindi kumilos ng maayos kung ang source image ay mayroon na sa cache ng browser.

Ano ang bago sa bersyon 1.1.0:

• Mga Tampok:
• Inalis ang lahat ng code na tumutukoy sa pag-sign imgix URL sa iyong API token. Kami ay nagpasya na ang code na ay hindi well-ugma para sa client-side na code tulad imgix.js. Kung kailangan mong gumamit ng naka-sign URL, iminumungkahi namin ang paggamit ng isa sa aming mga aklatan client sa halip.
• Nagdagdag ng balbula parameter upang imgix.fluid. parameter na ito ay tumutukoy kung gaano kadalas tamad-load mga imahe poll ang viewport upang matukoy kung sila ay dapat na i-load ang kanilang pinagmulan o hindi. Ito ay dating tinukoy ng parameter debounce, na din humahawak ng botohan para sa mga kaganapan window resize. Ang default na halaga para sa balbula ay 200ms.
• Bug Pag-aayos:
• Nakatakdang ng isang bug sa aming lazyload code na pumipigil imahe pinutol sa pamamagitan ng sa itaas o kaliwang gilid ng viewport browser mula sa rendering ng maayos.
• Ang Nakatakdang ng isang bug na maaaring minsan maging sanhi imgix.fluid upang hindi kumilos ng maayos kung ang source image ay mayroon na sa cache ng browser.

Ano ang bago sa bersyon 1.0.18:

• imgix.fluid Sinusuportahan na ngayon ng isang ignoreDPR option na kapag set sa tunay na hindi lumulubog ang DPR imgix param (kahit sa retina screen). Ang pagpipiliang ito ay nagde-default sa false para sa paurong compatibility

Ano ang bago sa bersyon 1.0.17:

• imgix.fluid Sinusuportahan na ngayon ng isang ignoreDPR option na kapag set sa tunay na hindi lumulubog ang DPR imgix param (kahit sa retina screen). Ang pagpipiliang ito ay nagde-default sa false para sa paurong compatibility

Kinakailangan

• JavaScript pinagana sa client side
• jQuery 1.6 o mas mataas (para sa jQuery plugin)