Introduction aux images complétées : Différence entre versions

De Wicri Manuel
imported>Jacques Ducloy
(Exemple introductif)
imported>Jacques Ducloy
(Exemple introductif)
Ligne 9 : Ligne 9 :
 
Il s'agit de montrer des extraits d'un gravure complexe en permettant au lecteur de localiser un extrait sur le plan principal.
 
Il s'agit de montrer des extraits d'un gravure complexe en permettant au lecteur de localiser un extrait sur le plan principal.
  
{|
+
{| center
 
|-
 
|-
 
|<div style="position:relative;width:300px;">[[File:N0033673 JPEG 171 171DM.jpg|300px]]<div style="position: absolute;  top: {{{top|35}}}%; left: {{{left|50}}}%;">[[File:Carré rouge.png|{{{l|60}}}px]]</div></div>
 
|<div style="position:relative;width:300px;">[[File:N0033673 JPEG 171 171DM.jpg|300px]]<div style="position: absolute;  top: {{{top|35}}}%; left: {{{left|50}}}%;">[[File:Carré rouge.png|{{{l|60}}}px]]</div></div>

Version du 26 juin 2014 à 23:25

Les images complétées sont des images obtenues par superposition d'images ou en positionnant des textes ou des liens sur des images.

La technique à utiliser consiste à encapsuler des éléments html <div> contenant, d'une part, l'image principale et d'autre part les objets positionnés.

Exemple introductif

Le premier exemple est tiré de l'adaptation de l'image du Palais Ducal de Nancy dans l'ouvrage d'Henri Lepage sur Wicri/Lorraine.

Reproduction de la gravure


Il s'agit de montrer des extraits d'un gravure complexe en permettant au lecteur de localiser un extrait sur le plan principal.

N0033673 JPEG 171 171DM.jpg
Carré rouge.png
Figure, repère A

Voir aussi