Renombrar imagen en galeria (js php)

[contemplatrice]

Hola a todas y todos

Quisiera hacer que el propietario de una galería pueda renombrar sus fotos una por una, una vez estén expuestas en grande = full-screen. Porque uno se puede equivocar al renombrar una miniatura, y también porque no sería muy estético.

Es decir, abro la imagen full-screen, la cual debajo en el caption tiene un form con input con value = titulo.

Código HTML:

<a class="fancybox" rel="gallery1" 
                    href="<?php echo $path; ?>"
                    data-caption='<div class="input_ctn"> 
                                                              <form  method="POST" action="">
                                                                   <input type="text" id="<?php echo $galleryname."__".$file; ?>" 
                                                                               class="titre_pic" 
                                                                                value="<?php echo $title; ?>" 
                                                                      /> 
                                                          
                                                           </form>
                                   </div>'
                   >  
<div class="fotos"> <img src="<?php echo $path?>" alt='' /> </div>
   </a> 

Código:

 $(".fancybox").each(function() {
    var caption = $(this).data('caption'); 
	var inp = $(caption).find('.titre_pic'); 
	 
	$(inp).on('keyup change blur mouseleave',function(event) { event.preventDefault ; alert('ok!');  //// No me responde nada !!! 
                                                                                                                                     console.log('iiii'); ///  tampoco

No sé en qué me equivoco...
No sé tampoco donde poner mi form, si no es en el data-caption...

A esperas de vuestras noticias,
Gracias por vuestra ayuda !