MediaWiki:Vector.js: Difference between revisions

From Forklift Certified Video Games
Jump to navigation Jump to search
Line 2: Line 2:


( function () {
( function () {
     var sliders = document.querySelectorAll( '.news-slider' );
     var sliders = document.querySelectorAll('.news-slider');


     sliders.forEach( function ( slider ) {
     sliders.forEach(function(slider){
         var slides = slider.querySelectorAll( '.news-slide' );
         var slides = slider.querySelectorAll('.news-slide');
         if ( slides.length <= 1 ) return; // nothing to slide
         if(slides.length <= 1) return;


         var current = 0;
         var current = 0;
         slides[current].classList.add('active');
         slides[current].classList.add('active');


         setInterval( function () {
         setInterval(function(){
             slides[current].classList.remove('active');
             slides[current].classList.remove('active');
             current = (current + 1) % slides.length;
             current = (current + 1) % slides.length;
             slides[current].classList.add('active');
             slides[current].classList.add('active');
         }, 4000); // 4 seconds per slide
         }, 4000); // 4 seconds per slide
     } );
     });
} )();
})();





Revision as of 22:37, 24 January 2026

/* All JavaScript here will be loaded for users of the Vector skin */

( function () {
    var sliders = document.querySelectorAll('.news-slider');

    sliders.forEach(function(slider){
        var slides = slider.querySelectorAll('.news-slide');
        if(slides.length <= 1) return;

        var current = 0;
        slides[current].classList.add('active');

        setInterval(function(){
            slides[current].classList.remove('active');
            current = (current + 1) % slides.length;
            slides[current].classList.add('active');
        }, 4000); // 4 seconds per slide
    });
})();


document.addEventListener('click', function (e) {
	const header = e.target.closest('.pf-collapsible');
	if (!header) return;

	const targetId = header.dataset.target;
	const section = document.getElementById(targetId);
	if (!section) return;

	const isOpen = section.style.display === 'block';
	section.style.display = isOpen ? 'none' : 'block';
});