MediaWiki:Common.js - Histórico de revisão

Thiago.pereira em 15h02min de 13 de julho de 2026

2026-07-13T15:02:28Z

← Edição anterior		Edição das 12h02min de 13 de julho de 2026
Linha 1:		Linha 1:
	/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */		/* 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 );

Thiago.pereira em 15h52min de 1 de abril de 2026

2026-04-01T15:52:36Z

← Edição anterior		Edição das 12h52min de 1 de abril de 2026
Linha 17:		Linha 17:
	} );		} );
	} )( jQuery );		} )( jQuery );


	~~//Js para autoplay e mostrar preview~~

	~~$('.video-teste-final').each(function() {~~
	~~var $container = $(this);~~
	~~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!");~~

Thiago.pereira em 15h50min de 1 de abril de 2026

2026-04-01T15:50:27Z

← Edição anterior		Edição das 12h50min de 1 de abril de 2026
Linha 21:		Linha 21:
	//Js para autoplay e mostrar preview		//Js para autoplay e mostrar preview

	~~$(function() {~~		$('.video-teste-final').each(function() {
	$('.video-~~preview~~').each(function() {		var $container = $(this);
	var $container = $(this);		var videoId = $container.data('video-id');
	var videoId = $container.data('video-id');		var thumbUrl = 'https://img.youtube.com/vi/' + videoId + '/maxresdefault.jpg';
	var $img = $container.~~find~~('~~img~~');
	~~var player~~;		// 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.mouseenter(function() {		$container.on('mouseenter', function() {
	~~// Cria o iframe do YouTube dinamicamente~~		var iframe = $('<iframe>', {
	var iframe = $('<iframe>', {		src: 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1&controls=0&modestbranding=1',
	src: 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&mute=1&controls=0&modestbranding=1',		width: '100%', height: '100%', frameborder: 0,
	width: ~~$img.attr(~~'~~width~~'),		allow: 'autoplay; encrypted-media',
	height: ~~$img.attr(~~'~~height~~'),		style: 'position:absolute; top:0; left:0; pointer-events:none;'
	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~~');
	});		});
			$container.append(iframe);
			}).on('mouseleave', function() {
			$container.find('iframe').remove();
	});		});
	});		});
			console.log("Teste de Hover Ativado!");

Thiago.pereira em 15h32min de 1 de abril de 2026

2026-04-01T15:32:29Z

← Edição anterior		Edição das 12h32min de 1 de abril de 2026
Linha 17:		Linha 17:
	} );		} );
	} )( jQuery );		} )( jQuery );


			//Js para autoplay e mostrar preview

			$(function() {
			$('.video-preview').each(function() {
			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');
			});
			});
			});

Thiago.pereira em 20h31min de 12 de setembro de 2025

2025-09-12T20:31:39Z

← Edição anterior		Edição das 17h31min de 12 de setembro de 2025
Linha 14:		Linha 14:
	pauseOnHover: false,		pauseOnHover: false,
	pauseOnFocus: false,		pauseOnFocus: false,
	~~arrows: true,~~
	~~dots: true~~
	} );		} );
	} );		} );
	} )( jQuery );		} )( jQuery );

Thiago.pereira em 20h28min de 12 de setembro de 2025

2025-09-12T20:28:35Z

← Edição anterior		Edição das 17h28min de 12 de setembro de 2025
Linha 11:		Linha 11:
	slidesToScroll: 1,		slidesToScroll: 1,
	autoplay: true,		autoplay: true,
	autoplaySpeed: ~~500~~,		autoplaySpeed: 3000,
	pauseOnHover: false,		pauseOnHover: false,
	pauseOnFocus: false,		pauseOnFocus: false,

Thiago.pereira em 20h27min de 12 de setembro de 2025

2025-09-12T20:27:46Z

← Edição anterior		Edição das 17h27min de 12 de setembro de 2025
Linha 11:		Linha 11:
	slidesToScroll: 1,		slidesToScroll: 1,
	autoplay: true,		autoplay: true,
	autoplaySpeed: ~~1000~~,		autoplaySpeed: 500,
	pauseOnHover: false,		pauseOnHover: false,
	pauseOnFocus: false,		pauseOnFocus: false,

Thiago.pereira em 20h26min de 12 de setembro de 2025

2025-09-12T20:26:39Z

← Edição anterior		Edição das 17h26min de 12 de setembro de 2025
Linha 11:		Linha 11:
	slidesToScroll: 1,		slidesToScroll: 1,
	autoplay: true,		autoplay: true,
	autoplaySpeed: ~~2000~~,		autoplaySpeed: 1000,
			pauseOnHover: false,
			pauseOnFocus: false,
			arrows: true,
			dots: true
	} );		} );
	} );		} );
	} )( jQuery );		} )( jQuery );

Thiago.pereira em 20h18min de 12 de setembro de 2025

2025-09-12T20:18:16Z

← Edição anterior		Edição das 17h18min de 12 de setembro de 2025
Linha 8:		Linha 8:
	$( function () {		$( function () {
	$( '.autoplay' ).slick( {		$( '.autoplay' ).slick( {
	slidesToShow: 3,		slidesToShow: 1,
	slidesToScroll: 1,		slidesToScroll: 1,
	autoplay: true,		autoplay: true,

Thiago.pereira em 20h15min de 12 de setembro de 2025

2025-09-12T20:15:29Z

← Edição anterior		Edição das 17h15min de 12 de setembro de 2025
Linha 1:		Linha 1:
	/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */		/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

	mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js', 'text/javascript' );		( function ( $ ) {
			// Carrega o script do Slick.js de um CDN
	// Código que inicializa o carrossel~~, rodando somente após~~ a ~~página ser carregada~~		mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js', 'text/javascript' );
	$( function () {
	$( '.~~slick-carousel~~' ).slick( {		// Código que inicializa o carrossel com a sua configuração personalizada
	~~dots~~: ~~true~~,		$( function () {
	~~infinite~~: ~~true~~,		$( '.autoplay' ).slick( {
	~~speed~~: ~~300~~,		slidesToShow: 3,
	~~slidesToShow~~: 1,		slidesToScroll: 1,
	~~adaptiveHeight: true~~		autoplay: true,
	} );		autoplaySpeed: 2000,
	} );		} );
			} );
			} )( jQuery );