replace src/srcset to data-srcset/data-src

Question

I want to apply lozad.js script to my wordpress/woocommerce frontend. For this to work, I need to change the src to data-src. This is the code I have so far, but not working.

Thanks for your help!

    function add_lazyload($content) {
             $content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
             $dom = new DOMDocument();
             @$dom->loadHTML($content);
             // Convert Images
             $images = [];
             foreach ($dom->getElementsByTagName('img') as $node) {
                 $images[] = $node;
             }
             foreach ($images as $node) {
                 $fallback = $node->cloneNode(true);

                 $oldsrc = $node->getAttribute('src');
                 $node->setAttribute('data-src', $oldsrc );
                 $newsrc = 'https://d1zczzapudl1mr.cloudfront.net/blank-kraken.gif';
                 $node->setAttribute('src', $newsrc);

                 $oldsrcset = $node->getAttribute('srcset');
                 $node->setAttribute('data-srcset', $oldsrcset );
                 $newsrcset = '';
                 $node->setAttribute('srcset', $newsrcset);

                 $classes = $node->getAttribute('class');
                 $newclasses = $classes . ' lozad';
                 $node->setAttribute('class', $newclasses);

                 $noscript = $dom->createElement('noscript', '');
                 $node->parentNode->insertBefore($noscript, $node);
                 $noscript->appendChild($fallback);
             }

             $newHtml = preg_replace('/^<!DOCTYPE.+?>/', '', str_replace( array('<html>', '</html>', '<body>', '</body>'), array('', '', '', ''),
             $dom->saveHTML()));
             return $newHtml;
         }
    add_filter('the_content', 'add_lazyload', 10);

Answer 1

what about something more simple?

str_replace('<img src=','<img data-src=',$html);

or some regexp?

replace src/srcset to data-srcset/data-src

Question

1 answers

solution1
-1 2018-10-30 15:18:48

replace src/srcset to data-srcset/data-src

Question

1 answers

solution1 -1 2018-10-30 15:18:48

solution1
-1 2018-10-30 15:18:48