Afficher une image en superposition

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Afficher une image en superposition

Re: Afficher une image en superposition

par Herve_be » 27 avr. 2021, 18:28

Entretemps j'ai trouvé.
Voici un exemple https://www.rudyv.be/PilotePrive/Agenda.php
A chaque ligne du tableau est associé un fichier .gpx
en cliquant sur Image (petite carte de France) j'obtiens la carte avec la trace contenue dans ce fichier
en cliquant sur Image je construit un graphique sous forme d'image que j'affiche en js.

Re: Afficher une image en superposition

par @rthur » 24 avr. 2021, 08:20

C'est un effet graphique dans ton navigateur (sans avoir à recharger la page) donc ce n'est effectivement pas du PHP (qui s'exécute côté serveur) mais du CSS, et probablement un peu de Javascript.

Page obscurcie avec un élément mis en avant au centre, c'est ce qu'on appelle une fenêtre modale.
Voici quelques pistes :
https://jquerymodal.com/
https://getbootstrap.com/docs/4.0/components/modal/
https://micromodal.vercel.app/

Afficher une image en superposition

par Herve_be » 23 avr. 2021, 17:50

Mes excuses si je ne suis pas dans la bonne section, comme je ne sais pas comment faire j'ignore si la solution est php, html voire js.
Je construis un graphique dans une image; je cherche à l'afficher en superposition d'une page html.
Voici comment je construis l'image en php
$Graph=imagecreatetruecolor($largeur, $hauteur)
dessin du graphique dans cette image puis
ob_start();
imagepng($Graph);
$image = ob_get_contents();
ob_end_clean();
Dans le script php qui a servi à construire l'imge j'obtiens bien cette image en faisant
<img src="data:image/png;base64,'.base64_encode($image).'" />
En cliquant sur un lien, un bouton, ... je voudrais éventuellement que la page actuelle soit obscurcie
mais surtout que l'image que j'ai construite s'affiche au milieu de l'écran.