Usar funcion PHP en HTML a través de js

[agusax]

Muy buenas chic@s,

Me estoy metiendo en un pequeño fregao, ya que no sé como puede funcionar esto.

Dispongo de un documento PHP que contiene una función para listar imágenes de una carpeta y formatearlo (una galería de to la vida).

La cosa es no sé a incluir esta galería en un proyecto mayor que está realizado en HTML.

Ejemplo de php:

Código PHP:

<?php
    function listar_fotos($carpeta){
        //Lo que sea
        echo '<img class="img_demo" src="'.$carpeta."/".$archivo.'" >';
        //Lo que sea
    }
?>
 

ejemplo HTML:

Código HTML:

<!--Galeria-->
    <div class="row">
        <div class="col-md-12">
            <!-- no sabría completarlo para llamar esa funcion-->
        </div>
    </div>
 

Dejando a un lado que no sabría como completar esa entrada de html, he realizado una primera versión de la función de js, pero no sabría como llamarlo y no sé si este funciona correctamente. He tocado muy pocas veces el js y ando bastante perdido.

Código Javascript:

//Listar fotos(cuando cumple la funcion, load llama a esta funcion)
function fotos_lista(){
    $.ajax({
        url: 'fotos_lista.php',
        type: 'post',
        dataType: 'html',
        data: { condicion: "ejecutarFuncion"},
        success:function(resultado){
            alert(resultado);
        }
    }
}
 

¿Álguien podría remitirme a algún ejemplo o similar para poder realizar esto?
Intento que no tenga que cambiar el otro fichero a extensión .php

Muchas gracias de antemano