Wikinotizie:Bar/Creazione di un Template:Galleria

Creazione di un Template:Galleria

modificaosservacronologia

Si potrebbe creare qualcosa di simile (se non uguale) al Template:Galleria che abbiamo su itwiki? Sarebbe molto utile.--torqua 12:12, 30 mag 2020 (CEST)

Da quanto vedo nel template di itwiki ci sarebbe da importare una funzione css di cui però io non so occuparmene.--Mannivu · ✉ 12:23, 30 mag 2020 (CEST)

Chiedo a qualcuno in officina?--torqua 12:24, 30 mag 2020 (CEST)

Tentar non nuoce :D--Mannivu · ✉ 12:31, 30 mag 2020 (CEST)

[@ Jtorquy, Mannivu] un admin deve aggiungere a MediaWiki:Common.js la stringa

/**
	 * Utilizzata con [[template:Galleria]] per creare una galleria di immagini,
	 * cerca un HTML (creato dal template) contenente:
	 * <div class="ImageGroup"><div class="ImageGroupUnits">immagini</div></div>
	 * Idea originale da [[fr:MediaWiki:Common.js]] del 2007.
	 * @author [[it:User:Rotpunkt]]
	 */
	function updateImageGroup( currImg, $images, $countInfo, $prevLink, $nextLink ) {
		$images.hide().eq( currImg ).show();
		$countInfo.html( '(' + ( currImg + 1 ) + '/' + $images.length + ')' );
		$prevLink.toggle( currImg !== 0 );
		$nextLink.toggle( currImg !== $images.length - 1 );
	}

	function initImageGroup() {
		$( 'div.ImageGroup > div.ImageGroupUnits' ).each( function ( i, imageGroupUnits ) {
			var currImg = 0;
			var $images = $( imageGroupUnits ).children( '.center' );
			var $countInfo = $( '<kbd>' ).css( 'font-size', '110%' );
			var $prevLink =	$( '<a>' )
				.attr( 'href', '#' ).attr( 'title', 'Immagine precedente' )
				.text( '◀' ).css( 'text-decoration', 'none' )
				.click( function ( e ) {
					e.preventDefault();
					updateImageGroup( currImg -= 1, $images, $countInfo, $prevLink, $nextLink );
				} );
			var $nextLink =	$( '<a>' )
				.attr( 'href', '#' ).attr( 'title', 'Immagine successiva' )
				.text( '▶' ).css( 'text-decoration', 'none' )
				.click( function ( e ) {
					e.preventDefault();
					updateImageGroup( currImg += 1, $images, $countInfo, $prevLink, $nextLink );
				} );
			updateImageGroup( currImg, $images, $countInfo, $prevLink, $nextLink );
			$( imageGroupUnits ).prepend( $prevLink, $countInfo, $nextLink );
		} );
	}

	$( initImageGroup );

Poi basta copiare il template--ValeJappo (talk) 12:49, 30 mag 2020 (CEST)

Perfetto, funziona. Grazie [@ ValeJappo].--Mannivu · ✉ 13:09, 30 mag 2020 (CEST)