y si en lugar de guardar un arreglo con los puros archivos sin extensión los guardas en el arreglo con todo y la extensión y vas comparando en un doble foreach cada elemento pero haciendo un substr menos las ultimas cuatro letras , que serian la extensión y cuando lo encuentres pos ya lo metes en el tag de img de html?
ve esta función me late que te puede servir para esto
http://php.net/manual/es/function.glob.php