Wikinotizie:Bar/Creazione di un Template:Galleria
Aspetto
Creazione di un Template:Galleria
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
- Tentar non nuoce :D--Mannivu · ✉ 12:31, 30 mag 2020 (CEST)
- Chiedo a qualcuno in officina?--torqua 12:24, 30 mag 2020 (CEST)
/**
* 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)
- Poi basta copiare il template--ValeJappo (talk) 12:49, 30 mag 2020 (CEST)