flags

SwichGIT/src/css/PageDaccueil.css

@@ -467,8 +467,25 @@ label:active:after {
 .buttonvalidersettings:active{
     background-color: blue;
 }
+/*  LANGUES  */
 
 
+#cf2 img {
+  position:absolute;
+  left:0;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s ease-in-out;
+  -moz-transition: opacity 0.2s ease-in-out;
+  -o-transition: opacity 0.2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
+}
+
+#cf2 img.transparent {
+opacity:0;
+}
+#cf_onclick {
+cursor:pointer;
+}
 
 
 

SwichGIT/src/css/desktops.css

@@ -452,4 +452,10 @@
         position: relative;
         left: 2vw;
     }
+
+    #cf2 {
+      position:relative;
+      margin-left: 8vh;
+      top: 1.5vh;
+    }
 }

SwichGIT/src/css/tablet.css

@@ -450,5 +450,11 @@
         display: none;
     }
 
+    #cf2 {
+      position:relative;
+      margin-left: 14vh;
+      top: 2.5vh;
+    }
+
 
 }

SwichGIT/src/index.html

@@ -51,6 +51,11 @@
                     </ul>
                 </div>
             </div>
+
+            <div id="cf2" class="shadow">
+              <img onclick="functionLange()" id="flag_bottom" src="imgs/flags/flag-uk.png" />
+              <img onclick="functionLange()" id="flag_top" src="imgs/flags/flag-france.png" />
+            </div>
         </div>
 
         <div id="containpseudo">

SwichGIT/src/js/main.js

@@ -1,5 +1,6 @@
 var mode = 1;
 var nbplayers = 1;
+var lange = 0;
 var lightprima = "#DEDEDE";
 var lightsedonca = "#B7B7B7";
 var lighttercia = "#E6E6E6";
@@ -1820,8 +1821,20 @@ function bacASable() {
 	lesCartes.push(uneCarte);
 
 	afficherCartes(lesCartes);
+}
 
-
+function functionLange(){
+	if(lange % 2 == 0)
+	{
+		document.getElementById("flag_top").classList.add("transparent");
+	} else{
+		document.getElementById("flag_top").classList.remove("transparent");
+	}
+	lange = lange + 1;
 }
 
 
+
+
+
+