Исходный текст | Переводы |
---|---|
Blazy grid | |
Lazyload inline images, or video iframes, using Blazy | |
<p><strong>Blazy</strong>: Image or iframe is lazyloaded. To disable, add attribute <code>data-unblazy</code>:</p> ![]() <ul> ![]() <li><code><img data-unblazy /></code></li> ![]() <li><code><iframe data-unblazy /></code></li> ![]() </ul> | |
<p>To build a grid of images/ videos, add attribute <code>data-grid</code> (only to the first item): ![]() <ul> ![]() <li>For images: <code><img data-grid="1 3 4" /></code></li> ![]() <li>For videos: <code><iframe data-grid="1 3 4" /></code></li> ![]() <li>If both media types are present, choose only the first item.</li> ![]() </ul> | |
<p>To build a CSS3 Masonry columns of images/ videos, add attribute <code>data-column</code> (only to the first item): ![]() <ul> ![]() <li>For images: <code><img data-column="1 3 4" /></code></li> ![]() <li>For videos: <code><iframe data-column="1 3 4" /></code></li> ![]() <li>If both media types are present, choose only the first item.</li> ![]() </ul> | |
The numbers represent the amount of grids/ columns for small, medium and large devices respectively, space delimited. Be aware! All media items will be grouped regardless of their placements, unless those disabled via <code>data-unblazy</code>. This is also required if using <b>Image to lightbox</b> (Colorbox, Photobox, PhotoSwipe). Only one block of grids or columns can exist at a time in a particular body text.</p> | |
To disable lazyload, add attribute <code>data-unblazy</code> to <code><img></code> or <code><iframe></code> elements. Examples: <code><img data-unblazy</code> or <code><iframe data-unblazy</code>. | |
Enable HTML tags | |
Video iframe | |
To disable per item, add attribute <code>data-unblazy</code>. |