Aide dynamisation Fermé

Question

Bonjour

Je suis en train de créer un site pour ma soeur, ce qui me permet de m'entrainer également. Je suis novice donc je ne m'y connais pas énormement mais voilà :

J'ai deux apis, une que j'ai réccupéré sur le site de mon université ( nom et description d'un personnage ) et une que j'ai crée moi même ( photos des personnages ).

Ce que j'essai de faire c'est un pop up ou un flip card de sorte à ce que lorsque l'on clic ou passe la souris sur la photo d'un personnage, ses informations s'affichent. 

Voici les api en question :

https://zupimages.net/up/21/01/2op0.png

https://zupimages.net/up/21/01/g1hq.png

Auriez-vous des suggestions ou un template à me donner que je puisse adapter ?
Merci.

jordane45 · Answer

Bonjour,

Déjà, dans l'idéal, il serait bien, dans l'api que tu as créé, de pouvoir "choisir" les informations à afficher en fonction de l'id par exemple.
Ensuite, un peu d'ajax te permettrait d'appeler cette API et de récupérer les informations voulues.

Pour ce qui est de l'affichage, ce que tu sembles vouloir faire, c'est une fenêtre modale
Par exemple :
https://www.jqueryscript.net/lightbox/Easy-Responsive-Modal-Dialog.html