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 );
-$('.video-teste-final').each(function() {
+     } );
-    var $container = $(this);
+} )( jQuery, mediaWiki );
-    var videoId = $container.data('video-id');
-    var thumbUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
-    // Coloca a imagem de fundo via JS para não brigar com o parser do Wiki
-    $container.css({
-        'background-image': 'url(' + thumbUrl + ')',
-        'background-size': 'cover',
-        'background-position': 'center'
-    }).find('.aviso-teste').hide();
-     $container.on('mouseenter', function() {
-        var iframe = $('<iframe>', {
-            src: 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1&controls=0&modestbranding=1',
-            width: '100%', height: '100%', frameborder: 0,
-            allow: 'autoplay; encrypted-media',
-            style: 'position:absolute; top:0; left:0; pointer-events:none;'
-        });
-        $container.append(iframe);
-    }).on('mouseleave', function() {
-        $container.find('iframe').remove();
-    });
-});
-console.log("Teste de Hover Ativado!");