Update templates/index.html

templates/index.html

@@ -346,27 +346,27 @@
         let dissertationContent = '';
         let backups = loadBackups();
 
-        // Fonction pour gérer la sélection et la prévisualisation de l'image
         function handleImageSelect() {
-            const input = document.getElementById('imageInput');
-            const preview = document.getElementById('preview');
-            const previewContainer = document.getElementById('imagePreview');
-            const fileName = document.getElementById('fileName');
-
-            if (input.files && input.files[0]) {
-                const reader = new FileReader();
-
-                reader.onload = function (e) {
-                    preview.src = e.target.result;
-                    previewContainer.classList.remove('hidden');
-                    previewContainer.classList.add('fade-in');
-                };
-
-                reader.readAsDataURL(input.files[0]);
-                fileName.textContent = input.files[0].name;
-            } else {
-                removeImage();
-            }
+    const input = document.getElementById('imageInput');
+    const preview = document.getElementById('preview');
+    const previewContainer = document.getElementById('imagePreview');
+    const fileName = document.getElementById('fileName');
+
+    if (input.files && input.files[0]) {
+        const reader = new FileReader();
+
+        reader.onload = function (e) {
+            preview.src = e.target.result;
+            previewContainer.classList.remove('hidden');
+            // Déplacer l'ajout de la classe fade-in ICI, après le chargement de l'image
+            previewContainer.classList.add('fade-in'); 
+        };
+
+        reader.readAsDataURL(input.files[0]);
+        fileName.textContent = input.files[0].name;
+    } else {
+        removeImage();
+    }
         }
 
         // Fonction pour supprimer l'image prévisualisée