[UPD]

_includes/js/custom.js

@@ -12,9 +12,7 @@ document.addEventListener("DOMContentLoaded", function() {
   function setImage(img) {
     img.addEventListener('click', function() {
       fullscreenImg.src = img.src;
-      setTimeout(function() {
-        fullscreen.className = 'visible';
-      }, 300)
+      fullscreen.className = 'visible';
     })
   }
   var fscreen = document.querySelectorAll('img.fullscreen');

_sass/custom/custom.scss

@@ -8,7 +8,7 @@
   position: relative;
   background-color: #fff;
 }
-.construct:before {
+.construct:after {
   content: "";
   position: absolute;
   inset: -.5em;
@@ -21,7 +21,7 @@
     #ff0 10px
   );
 }
-.construct:after {
+.construct:before {
   content: "\f085";
   color: #e7af06;
   font-weight: normal;
@@ -349,6 +349,15 @@ code.small {
 }
 
 /* Fullscreen */
+img.fullscreen {
+  cursor: zoom-in;
+  position: relative;
+  transition: .5s;
+}
+img.fullscreen:hover {
+  transform: scale(1.1);
+}
+
 [data-fullscreen] {
   position: fixed;
   inset: 0;

chap-1/1.2-classification.md

@@ -67,8 +67,8 @@ La carte prend de la hauteur et passe en trois dimensions...
 Cela permet d'incliner la carte et de faire sortir des données "en relief" (statistiques le plus souvent).
 
 {: .center }
-![](/Macarte-MI/assets/img/ch1.2-3d.jpg)  
-Trajets de covoiturage pendulaire [[Mericskay, 2020](/Macarte-MI/annexes/biblio#Mericskay-2020)]
+![](/Macarte-MI/assets/img/ch1.2-3d.jpg){: .fullscreen }  
+Trajets de covoiturage pendulaire [[Mericskay, 2020](/Macarte-MI/annexes/biblio#mericskay-2020)]
 
 Mais toutes ces fonctionnalités sophistiquées rendent plus difficile pour les lecteurs d'évaluer les chiffres derrière une visualisation. Les vues inclinées rendent les éléments à l'arrière plus petits, parfois cachés ou obscurcis par d'autres éléments placés devant. Comme la vue de la carte peut être tournée et survolée, le nord n'est pas toujours en haut. Cela peut dérouter les lecteurs.
 
@@ -94,7 +94,7 @@ Elle permet de décrire un lieu de manière exhaustive dans un cadre déterminé
 La carte doit être mise à jour chaque fois qu'un nouvel objet est ajouté à l'inventaire ou si l'emplacement d'un objet donné change.
 
 {: .center .small }
-![](/Macarte-MI/assets/img/ch1.2-ifn.jpg)
+![](/Macarte-MI/assets/img/ch1.2-ifn.jpg){: .fullscreen }
 Carte de la [BDForêt de l'Inventaire forestier](https://inventaire-forestier.ign.fr/spip.php?article646)   
 une nomenclature nationale en trente-deux postes
 
@@ -117,7 +117,7 @@ Il peut ainsi contenir des informations contextuelle (titre, indication, etc.) n
 Sa variante "en ligne" peut permettre à l'utilisateur de réaliser lui-même le choix de la zone et des couches d'impression pour une intégration personnalisée dans son propre document.
 
 {: .center .small }
-[![](/Macarte-MI/assets/img/ch1.2-poster.jpg)](/Macarte-MI/assets/img/ch1.2-poster.jpg){:target="_blank"}  
+![](/Macarte-MI/assets/img/ch1.2-poster.jpg){: .fullscreen }  
 GéoPoster de Nantes ([voir en ligne](https://macarte.ign.fr/carte/9a15e02183c44072fb183d628ae5919e/Unites-urbaines-2020){:target="_blank"})
 
 ## la carte étape

chap-2/2.3-donnees.md

@@ -56,7 +56,7 @@ Les surface peuvent être trouée (cas d'une clairière dans une forêt) ou cons
 Elle peut désigner un nom de lieu ou de région (toponyme) ou une valeur de l'objet qu'elle représente (cote, température). Suivant l'objet qu'elle désigne, elle va prendre la taille, la forme ou la direction de celui-ci pour le caractériser au mieux (toponyme de forêt ou de mer, nom des routes).
 
 {: .right .small }
-![](/Macarte-MI/assets/img/ch2.3-fred.png)   
+![](/Macarte-MI/assets/img/ch2.3-fred.png){: .fullscreen }   
 Philémon - Le Naufragé du A, Fred 1965, [ed. Dargaud](https://www.dargaud.com/bd/philemon/philemon/philemon-tome-2-le-naufrage-du-bda5020140)
 
 Elle peut avoir une représentation distincte de l'objet qu'elle désigne et avoir une géométrie différente (ligne dans une surface), pour des raisons de lisibilité ou pour permettre de la manipuler différemment de l'objet qu'elle représente (afficher/masquer, faire apparaître à partir d'un certain zoom, etc.).

chap-3/3.3-raconter.md

@@ -145,7 +145,7 @@ En matière de personnalisation, Ma carte permet aussi de modifier les couleurs
 ## <i class="fi-configuration fa-2x fleft"></i> Interagir avec la carte
 
 {: .bright .small .right }
-![](/Macarte-MI/assets/img/ch3.3-donjon.png)   
+![](/Macarte-MI/assets/img/ch3.3-donjon.png){: .fullscreen }   
 La Carte majeure, Joann Sfar, Andreas &copy;&nbsp;Delcourt
 
 La carte n'est pas statique, le lecteur va se l'appropriée. Il peut se déplacer dessus et parfois aussi faire des recherches ou afficher des informations sur les objets qu'elle contient.  

chap-5/5.1-nautilus.md

@@ -62,7 +62,7 @@ Cela va nous permettre de placer les points trouvés dans le livre sur la carte.
 # La carte
 
 {: .banner }
-<iframe src="https://macarte.ign.fr/carte-narrative/voir/5aea2d2515d03442521ddc91347e8427/20000-lieux" width="100%" height="450px"></iframe>
+<iframe src="https://macarte.ign.fr/carte/5aea2d2515d03442521ddc91347e8427/Nautilus?    noZoom" width="100%" height="450px"></iframe>
 
-[Afficher la carte en plein écran](https://macarte.ign.fr/carte-narrative/voir/5aea2d2515d03442521ddc91347e8427/20000-lieux){:target="_blank"}
+[Afficher la carte en plein écran](https://macarte.ign.fr/carte/5aea2d2515d03442521ddc91347e8427/Nautilus){:target="_blank"}
 

chap-5/5.2-insee.md

@@ -24,7 +24,7 @@ Il n'est plus nécessaire de présenter l'Institut national de la statistique et
 Dans cette section, nous allons nous intéresser à la carte des [principales activités rares liées à la demande extérieure en Bourgogne-Franche-Comté](https://www.insee.fr/fr/statistiques/4808781#figure3).
 
 {: .center }
-![](/Macarte-MI/assets/img/ch5.2-insee.png)
+![](/Macarte-MI/assets/img/ch5.2-insee.png){: .fullscreen }
 
 ## les données