Photobox / Galerie : href fullsize image : ajouter un input pour renommer l'image

contemp
Invité n'ayant pas de compte PHPfrance

16 mars 2016, 12:17

Bonjour,

J'utilise la galerie Photobox https://github.com/yairEO/photobox et je souhaiterais que le propriétaire de la galerie puisse renommer et supprimer ses images lorsqu'elles sont affichées en grand:

La logique veut qu'on place :
- un <button> X </button> on hover,
- en "caption" (ou pas caption, peu importe), en bas de l'image le nom de celle-ci dans un <input type="text" value="Nom_de_limage" />

mais lorsque je fais ça et clique, que ce soit sur mon button ou sur mon input, je suis jetée sur une 403 : Forbidden : You don't have permission to access /ZYX/xyz/<button id= on this server. // en local, mais je suppose qu'en ligne ce sera pareil ...

Je ne sais pas trop comment faire. Pourriez-vous m'orienter svp ? Merci


<a href="http://www.somedomain.com/images/image4_large.jpg"> <img src="http://www.somedomain.com/images/image4_small.jpg" alt="photo4 title"
data-pb-captionLink='Google website[www.google.com]'>
</a>

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

16 mars 2016, 20:29

Bonjour,
403 : Forbidden : You don't have permission to access /ZYX/xyz/<button id= on this server.
Vu le message d'erreur, ton lien n'est pas correct (regarde dans la barre d'adresse)
Quand tout le reste a échoué, lisez le mode d'emploi...

contemp
Invité n'ayant pas de compte PHPfrance

17 mars 2016, 11:12

J'ai essayé plusieurs méthodes, sans succès avec Photobox, dommage...
Je suis passée sur FancyBox, and.. It's ok, ça marche nickel.
Merci quand même.
Et si vous y arrivez avec PhotoBox, ça serait super de montrer comment. Merci!

contemp
Invité n'ayant pas de compte PHPfrance

17 mars 2016, 20:28

Rebonjour,

J'ai parlé trop trop vite ! Ce matin je croyais que c'était ok! mais en rentrant je m'aperçois que non !

Non en fait je galère pour renommer mon image affichée full-size... car input.val(), ou input.attr('id'), selon comment je les aborde, me retournent soit Undefined ! soit RIEN du tout ! et ça commence à bien faire !!!
Je suis sûre du contenu des mes vars PHP, mais pas sûre de savoir comment atteindre mon/mes inputs et récupérer leur id +val !! Merci d'avance

Voici mon code :
<a class="fancybox" rel="gallery1"
href="<?php echo $chemin; ?>"
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="mes_photos"> <img src="<?php echo $chemin ?>" alt='' /> </div>
</a>


///
$(document).ready(function() {
$(".fancybox").fancybox({ 'autoSize' : true, etc; });


$(".fancybox").each(function() {
var inp = $(this).find('.titre_pic').attr('id'); alert(inp);
/// UNDEFINED
var inpval = $(this).find('.titre_pic').attr('id'); alert(inpval); /// UNDEFINED

});