MediaWiki:Common.js: mudanças entre as edições

← Edição anterior

@@ Linha 1: / Linha 1: @@
 /* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
-( function ( $ ) {
+( function ( $, mw ) {
-	// Carrega o script do Slick.js de um CDN
+    // Endereço do Slick.js no CDN
-	mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js', 'text/javascript' );
+    var slickCdn = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
-	// Código que inicializa o carrossel com a sua configuração personalizada
-	$( function () {
-		$( '.autoplay' ).slick( {
-			slidesToShow: 1,
-			slidesToScroll: 1,
-			autoplay: true,
-			autoplaySpeed: 3000,
-                        pauseOnHover: false,
-			pauseOnFocus: false,
-		} );
-	} );
-} )( jQuery );
+    // Carrega o script garantindo que o código interno só rode APÓS o término do download
+    mw.loader.getScript( slickCdn ).then( function () {
+        // Garante que o DOM (HTML) está pronto antes de caçar a classe .autoplay
+        $( function () {
+            var $carousel = $( '.autoplay' );
+            if ( $carousel.length ) {
+                $carousel.slick( {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    autoplay: true,
+                    autoplaySpeed: 3000,
+                    pauseOnHover: false,
+                    pauseOnFocus: false,
+                } );
+            }
+        } );
-//Js para  autoplay e mostrar  preview
+     } ).catch( function ( e ) {
+         console.error( "Erro ao carregar o Slick Carousel do CDN:", e );
-$(function() {
+    } );
-     $('.video-preview').each(function() {
+} )( jQuery, mediaWiki );
-         var $container = $(this);
-        var videoId = $container.data('video-id');
-        var $img = $container.find('img');
-        var player;
-        $container.mouseenter(function() {
-            // Cria o iframe do YouTube dinamicamente
-            var iframe = $('<iframe>', {
-                src: 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1&controls=0&modestbranding=1',
-                width: $img.attr('width'),
-                height: $img.attr('height'),
-                frameborder: 0,
-                allow: 'autoplay; encrypted-media'
-            });
-            $img.hide();
-            $container.append(iframe);
-        });
-        $container.mouseleave(function() {
-            // Remove o iframe e volta a imagem original
-            $container.find('iframe').remove();
-            $img.show();
-        });
-        // Opcional: Clique para ir ao vídeo real no YouTube
-        $container.click(function() {
-            window.open('https://www.youtube.com/watch?v=' + videoId, '_blank');
-        });
-    });
-});