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

(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)

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~~

// Carrega o script garantindo que o código interno só rode APÓS o término do download

$( function () {

mw.loader.getScript( slickCdn ).then( function () {

$( '.autoplay' ).slick( {

slidesToShow: 1,

// Garante que o DOM (HTML) está pronto antes de caçar a classe .autoplay

slidesToScroll: 1,

$( function () {

autoplay: true,

var $carousel = $( '.autoplay' );

autoplaySpeed: 3000,

pauseOnHover: false,

if ( $carousel.length ) {

pauseOnFocus: false,

$carousel.slick( {

} );

slidesToShow: 1,

} );

slidesToScroll: 1,

} )( jQuery );

autoplay: true,

autoplaySpeed: 3000,

pauseOnHover: false,

pauseOnFocus: false,

} );

}

} );

} ).catch( function ( e ) {

console.error( "Erro ao carregar o Slick Carousel do CDN:", e );

} );

} )( jQuery, mediaWiki );

@@ 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
+    // Carrega o script garantindo que o código interno só rode APÓS o término do download
-	$( function () {
+    mw.loader.getScript( slickCdn ).then( function () {
-		$( '.autoplay' ).slick( {
-			slidesToShow: 1,
+        // Garante que o DOM (HTML) está pronto antes de caçar a classe .autoplay
-			slidesToScroll: 1,
+        $( function () {
-			autoplay: true,
+            var $carousel = $( '.autoplay' );
-			autoplaySpeed: 3000,
-                        pauseOnHover: false,
+            if ( $carousel.length ) {
-			pauseOnFocus: false,
+                $carousel.slick( {
-		} );
+                    slidesToShow: 1,
-	} );
+                    slidesToScroll: 1,
-} )( jQuery );
+                    autoplay: true,
+                    autoplaySpeed: 3000,
+                    pauseOnHover: false,
+                    pauseOnFocus: false,
+                } );
+            }
+        } );
+    } ).catch( function ( e ) {
+        console.error( "Erro ao carregar o Slick Carousel do CDN:", e );
+    } );
+} )( jQuery, mediaWiki );