header & zoom in

web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js

@@ -37,7 +37,6 @@
         $('.header_nav_container').fadeOut();
     });
 
-});
   
 
 // // /////////////////
@@ -58,4 +57,42 @@
 //   });
 
 // })(jQuery, window);
-  
+  
+
+
+//////////// agrandissement du shema
+
+  $('#paragraph-id--9 img').click(function() {
+    $(this).toggleClass('zoom_in');
+  });
+
+
+});
+
+// function $(id){
+//   return document.getElementById(id);
+//   }
+  
+//   function agrandir(id){
+//   $('popup').style.display='block';
+//   $('imageAgrandie').src=$(id).src;
+//   }
+  
+//   function reduire(){
+//   $('popup').style.display='none';
+//   $('imageAgrandie').src="";
+//   }
+  
+
+// zoom=2;
+// document.body.onmousemouve=function(){
+//   loupe=document.getElementById("#paragraph-id--9");
+//   loupe.style.left=event.clientX+"px";
+//   loupe.style.right=event.clientY+"px";  
+//   loupe.style.backgroundSize=(1500*zoom)+"px";
+//   loupe.style.backgroundPosition=(-loupe.offsetLeft+zoom-150)+"px"+(-loupe.offsetTop+zoom-150)+"px";
+// }
+
+function $zoom() {
+
+}