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 !