Двойной цикл foreach

Есть две директории: /resource/images/foto_gallery/miniature/ и /resource/images/foto_gallery/

В первой директории хранятся изображения в миниатюре, а во второй — эти же изображения, только в нормальном размере.

Мне нужно вывести на страницу сначала изображения в миниатюре с помощью цикла foreach, и чтобы по нажатию на миниатюру она раскрывалась до нормального размера.

Миниатюры я вывел, но мне надо перебрать изображения из директории /resource/images/foto_gallery/ и вставить их в html-код. Для директории с миниатюрами у меня получилось, а вот с нормальными изображениями не выходит.

Подскажите, пожалуйста, что делать.

Вот сам код:

function content_portfolio(){       
        foreach(glob("./resource/images/foto_gallery/miniature/"."*.jpg") as $filename){
            $content .= '
            <div id="lightgallery" class="gallery">         
                <div class="image" data-src="/resource/images/foto_gallery/foto-1.jpg">
                    <a href="#">
                        <img src="'.$filename.'">
                    </a>
                </div>
            </div>';
        }
        return $content;
    }

Источник: https://ru.stackoverflow.com/questions/598254/%D0%94%D0%B2%D0%BE%D0%B9%D0%BD%D0%BE%D0%B9-%D1%86%D0%B8%D0%BA%D0%BB-foreach