diff --git a/src/images/denis/denis-bobo-petpet.gif b/src/images/denis/denis-bobo-petpet.gif
new file mode 100644
index 0000000..3de62cf
Binary files /dev/null and b/src/images/denis/denis-bobo-petpet.gif differ
diff --git a/src/images/denis/denis-chapeau-petpet.gif b/src/images/denis/denis-chapeau-petpet.gif
new file mode 100644
index 0000000..dc6f597
Binary files /dev/null and b/src/images/denis/denis-chapeau-petpet.gif differ
diff --git a/src/images/denis/denis-chemise-petpet.gif b/src/images/denis/denis-chemise-petpet.gif
new file mode 100644
index 0000000..abb4560
Binary files /dev/null and b/src/images/denis/denis-chemise-petpet.gif differ
diff --git a/src/images/denis/denis-noel-petpet.gif b/src/images/denis/denis-noel-petpet.gif
new file mode 100644
index 0000000..71acde5
Binary files /dev/null and b/src/images/denis/denis-noel-petpet.gif differ
diff --git a/src/images/denis/denis-petpet.gif b/src/images/denis/denis-petpet.gif
new file mode 100644
index 0000000..7811d69
Binary files /dev/null and b/src/images/denis/denis-petpet.gif differ
diff --git a/src/images/denis/saint-denis-petpet.gif b/src/images/denis/saint-denis-petpet.gif
new file mode 100644
index 0000000..da20252
Binary files /dev/null and b/src/images/denis/saint-denis-petpet.gif differ
diff --git a/src/images/denis/thinking-denis-petpet.gif b/src/images/denis/thinking-denis-petpet.gif
new file mode 100644
index 0000000..356601d
Binary files /dev/null and b/src/images/denis/thinking-denis-petpet.gif differ
diff --git a/src/index.html b/src/index.html
index 32b4603..6b1ae4e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,37 +21,44 @@
             <div class="swiper-wrapper">
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/denis_chemise.png">
+                        <img class="normal-denis" src="./images/denis/denis_chemise.png">
+                        <img class="petpet-denis"src="./images/denis/denis-chemise-petpet.gif">
                     </div> 
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/denis_chapeau.png">
+                        <img class="normal-denis" src="./images/denis/denis_chapeau.png">
+                        <img class="petpet-denis"src="./images/denis/denis-chapeau-petpet.gif">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/saint_denis.png">
+                        <img class="normal-denis" src="./images/denis/saint_denis.png">
+                        <img class="petpet-denis"src="./images/denis/saint-denis-petpet.gif">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/denis.png">
+                        <img class="normal-denis" src="./images/denis/denis.png">
+                        <img class="petpet-denis"src="./images/denis/denis-petpet.gif">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/denis_noel.png">
+                        <img class="normal-denis" src="./images/denis/denis_noel.png">
+                        <img class="petpet-denis" src="./images/denis/denis-noel-petpet.gif">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/denis_bobo.png">
+                        <img class="normal-denis" src="./images/denis/denis_bobo.png">
+                        <img class="petpet-denis" src="./images/denis/denis-bobo-petpet.gif">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="photo-container">
-                        <img src="./images/denis/thinking_denis.png">
+                        <img class="normal-denis" src="./images/denis/thinking_denis.png">
+                        <img class="petpet-denis" src="./images/denis/thinking-denis-petpet.gif">
                     </div>
                 </div>
             </div>
diff --git a/src/script.js b/src/script.js
index d3886ae..42e4cfb 100644
--- a/src/script.js
+++ b/src/script.js
@@ -118,12 +118,44 @@ const addMaximumScaleToMetaViewport = () => {
     }
   };
   
-  const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;
-  
-  // https://stackoverflow.com/questions/9038625/detect-if-device-is-ios/9039885#9039885
-  const checkIsIOS = () =>
-    /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-  
-  if (checkIsIOS()) {
-    disableIosTextFieldZoom();
-  }
\ No newline at end of file
+const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;
+
+// https://stackoverflow.com/questions/9038625/detect-if-device-is-ios/9039885#9039885
+const checkIsIOS = () =>
+/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+
+if (checkIsIOS()) {
+disableIosTextFieldZoom();
+}
+
+normalsPics = document.querySelectorAll(".normal-denis");
+petpetPics = document.querySelectorAll(".petpet-denis");
+
+normalsPics.forEach(pic => {
+    pic.addEventListener("click", () => {
+
+        normalsPics.forEach(pic => {
+            pic.style.display = "none";
+        });
+
+        petpetPics.forEach(pic => {
+            pic.style.display = "block";
+        });
+
+    });
+});
+
+
+petpetPics.forEach(pic => {
+    pic.addEventListener("click", () => {
+
+        petpetPics.forEach(pic => {
+            pic.style.display = "none";
+        });
+
+        normalsPics.forEach(pic => {
+            pic.style.display = "block";
+        });
+
+    });
+});
diff --git a/src/style.css b/src/style.css
index 7db6c2b..ebf8e41 100644
--- a/src/style.css
+++ b/src/style.css
@@ -170,6 +170,10 @@ body {
 	margin-right: -0.625em;
 }
 
+.petpet-denis {
+    display: none;
+}
+
 @media screen and (max-width: 1024px) {
 
     body {
@@ -224,3 +228,4 @@ body {
         margin-left: 15vw;
     }
 }
+