Alors voilà, j'ai une page avec des images d'afficher lorsque je clique sur une image cette dernière ce centre au milieu de la page et derrière elle un fond noir apparaît empêchant le clique sur les autres images, si je clique sur l'image centrée le fond noir disparaît et l'image centrée retourne à sa place d'origine, tout cela fonctionne le problème j'aimerais que l'on puisse cliquer sur ce fond noir pour pouvoir remettre l'image à sa place d'origine. En gros Facebook fait cela, lorsque vous cliquer sur une photo de profil, si vous cliquer à côté la photo disparaît on est pas obligé de cliqué sur la croix.
Je vous montre mon code qui fonctionne en javascript:
à savoir que "img" correspond à l'image sur laquelle je clique, et "blockInfo" c'est un block qui apparaît avec les information de l'image voilà, si vous avez des questions pour comprendre mon code n'hésité pas ahah
Donc si vous pouvez m'aider à trouver un moyen, et/ou améliorer mon code merci!!
"La sincérité est la fin et le commencement de toutes choses, sans la sincérité, rien n'existerait."
Mdrrr bah si il y a autant de condition, c'est parce que je sais pas comment centrer un élément automatiquement en position:absolute; et de plus je sais pas le faire retourner à sa place automatiquement du coup j'ai mit les valeurs moi même d'où le fait qu'il y ait autant de conditions.
J'ai utilisé trigger ça marche parfaitement merci beaucoup; si vous avez quelque chose qui pourrais me permettre d'améliorer ce code s'il vous plaît je suis partant ahah
Merci!!
- Edité par ChercheurInfo 17 juillet 2016 à 21:33:25
"La sincérité est la fin et le commencement de toutes choses, sans la sincérité, rien n'existerait."
Stocker dans un tableau genre les id, les valeurs de ps et zindex? mais au final ça ne va pas alléger mais simplifier si je veux modifier on est d'accord? (je vais le faire) merci encore d'autres idées?
"La sincérité est la fin et le commencement de toutes choses, sans la sincérité, rien n'existerait."
Stocker dans un tableau genre les id, les valeurs de ps et zindex? mais au final ça ne va pas alléger mais simplifier si je veux modifier on est d'accord? (je vais le faire) merci encore d'autres idées?
Ben tu crées un tableau (ou plutôt un objet, les tableaux en JavaScript ne permettant pas l'utilisation de chaînes de caractères comme clé) ou tu stockes les valeurs possibles puis tu ne fais qu'une seule animation en piochant les valeurs dans cet objet.
Là avec ce que tu as fait, non seulement chaque changement devra être répercuté sur chaque condition avec autant de chances de faire une erreur mais surtout si un autre développeur doit récupérer ton travail, il risque fortement d'avoir envie de te remercier à coups de pelle.
Ahhh merci pour l'objet j'avais complètement oublié ça -_- !
Et pour le centrer une image automatiquement merci ça marche mais comment je peux faire pour lorsque je clique sur une image elle retourne à sa place initiale (comme quand la page vient d'être chargée) sans réactualiser la page genre initialement elle est à 50px de la marge à droite je clique dessus elle se centre, et je reclique dessus et la j'aimerais qu'elle retourne à sa place donc 50px de la marge à droite mais sans avoir à rentrer dans le code "-=50" merci
"La sincérité est la fin et le commencement de toutes choses, sans la sincérité, rien n'existerait."
Heu ben c'est difficile à évaluer sans être en train de travailler sur le machin mais typiquement moi ce que je fais quand j'ai besoin de stocker des valeurs pour les récupérer plus tard sur un élément HTML, j'utilise les attributs data de HTML5 http://www.alsacreations.com/article/lire/1397-html5-attribut-data-dataset.html
// Animation d'affichage
$(img).attr('data-original-left', -50);
$(img).animate({/*...*/});
// Animation de fermeture
var originalLeft = parseInt($(img).attr('data-original-left');
$(img).animate(
{
left: originalLeft
});
"La sincérité est la fin et le commencement de toutes choses, sans la sincérité, rien n'existerait."
Besoin d'aide pour une animation
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.