Update: Enhanced loading times (#192)

hoangsonww · May 21, 2024 · 5fe35ba · 5fe35ba
1 parent 488f2eb
commit 5fe35ba
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/MovieVerse-Frontend/html/movie-details.html b/MovieVerse-Frontend/html/movie-details.html
@@ -334,7 +334,7 @@ <h2 id="movie-title" class="movie-header"></h2>
                     ❤️
                 </button>
             </div>
-            <img id="movie-image" alt="Loading Movie Details..." style="width: 25vw; border-radius: 8px; z-index: 100002" loading="lazy">
+            <img id="movie-image" alt="Loading Movie Details..." style="width: 25vw; border-radius: 8px; z-index: 100002">
             <h3>Your Rating:</h3>
             <div class="rating" title="Click on a star to rate this movie!">
                 <span class="star" data-value="1" title="Oops, sorry to hear that this movie is disappointing to you">&#9733;</span>

diff --git a/MovieVerse-Frontend/js/movie-details.js b/MovieVerse-Frontend/js/movie-details.js
@@ -1189,7 +1189,6 @@ async function populateMovieDetails(movie, imdbRating, rtRating, metascore, awar
     if (images.length > 0) {
         imageElement.src = `https://image.tmdb.org/t/p/w1280${images[0].file_path}`;
     }
-    imageElement.loading = 'lazy';
     imageWrapper.appendChild(imageElement);
     mediaContainer.appendChild(imageWrapper);