progressive-image-load

    1.1.0 • Public • Published

    Progressive image load

    npm GitHub issues GitHub GitHub

    npm i progressive-image-load --save

    JS

    • Import js
    import ProgressiveImageLoad from 'progressive-image-load';
    
    window.onload = ProgressiveImageLoad();
    
    • HTML
    <script>
        const ProgressiveImageLoad = require('progressive-image-load');
        window.onload = ProgressiveImageLoad();
    </script>
    

    CSS

    • Import scss
    @import '~/progressive-image-load/scss/progressiveimageload';
    

    HTML

    <section class="blur-image-load" data-large="big-image.jpg">
        <img src="small-image.jpg" class="blur-image"/>
        <div style="padding-bottom:66,7%"></div>
    </section>
    

    Install

    npm i progressive-image-load

    DownloadsWeekly Downloads

    3

    Version

    1.1.0

    License

    ISC

    Unpacked Size

    2.68 kB

    Total Files

    4

    Last publish

    Collaborators

    • jimvaneijk_usr