How to fetch all <img> tags from a PHP string using regex and capture groups
/* the regex pattern will look for an image tag and create individual capture groups
* for 'class'(1), 'src'(2), 'alt'(3), 'width'(4) and 'height'(5). The numbers within the brackets stand for the capture group number
* respectively the key within the PHP array. The array key 0 will contain the whole <img> tag with all attributes (the full img link)
* First we define the pattern, then we use the PHP function 'preg_match_all' fo find all occurences within the given string. */
$pattern = '/<img\s*(?:class\s*\=\s*[\'\"](.*?)[\'\"].*?\s*|src\s*\=\s*[\'\"](.*?)[\'\"].*?\s*|alt\s*\=\s*[\'\"](.*?)[\'\"].*?\s*|width\s*\=\s*[\'\"](.*?)[\'\"].*?\s*|height\s*\=\s*[\'\"](.*?)[\'\"].*?\s*)+.*?>/si';
preg_match_all($pattern, $item->fulltext, $matches);
/* as an example we iterate through the list of image sources (src) and build up a custom image link. We needed this in order to create
* proper a links from images in order to be able to use fancybox for opening images that were added in an article in Joomla */
foreach ($matches[2] as $key => $value) {
?>
<a style="display:none;" class="blog-gallery-image fancyboxpopup" alt="<?=$matches[3][$key]?>" rel="fancygroup<?=$blogitemcount?>" href="<?=$value?>">link</a>
<?
}
Donate with
Donate with
