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 !