MediaWiki:Common.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
mw.loader.using('mediawiki.util').then(function() { function zselector( $content ) { var ActiveID = ''; $(function () { $('[class|="cc"]').click(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '0'); } }); $('[class|="hh"]').mouseenter(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '1'); } }); $('[class|="hh"]').mouseleave(function () { var cn = $(this).attr('class'); if (typeof cn !== 'undefined') { ZContent(cn, '2'); } }); $('[class|="zz"]').each(function (i, elem) { if ($(this).css('display') == 'none') { $(this).css('opacity', 0); } }); }); function ZContent(classValue, effect) { if (classValue.split) { var ID = ''; var elemClasses = classValue.split(' '); for (var i = 0; i < elemClasses.length; i++) { var elemClass = elemClasses[i]; if (elemClass.substring(0, 3) == 'hh-' || elemClass.substring(0, 3) == 'cc-') { ID = elemClass.substring(3); if (effect == '0') { ActiveID = ID; ZEffect(ID); SelectElem('cc', ID) break; } else if (effect == '1') { ActiveID = ID; ZEffect(ID); SelectElem('hh', ID) break; } else if (effect == '2') { ZEffect(ActiveID); SelectElem('hh', ID); break; } } } } } function ZEffect(ID) { $('[class|="zz"]').each(function (i, elem) { if ($(this).hasClass('zz-' + ID)) { $(this).css('display', 'block'); $(window).trigger('scroll'); $(this).stop(); $(this).animate({ opacity: 1, queue: false }, 700); } else { $(this).css('display', 'none'); $(this).stop(); $(this).animate({ opacity: 0, queue: false }, 0); } }); } function SelectElem(type, ID) { $('[class|="cc"],[class|="hh"]').each(function (i, elem) { if ($(this).hasClass(type + '-' + ID)) { $(this).removeClass('sn'); $(this).addClass('sy'); } else { $(this).removeClass('sy'); $(this).addClass('sn'); } }); } } mw.hook( 'wikipage.content' ).add( zselector ); zselector( mw.util.$content ); }); // Динамическая кнопка "back to top" $(document).ready(function(){ // Create the back to top button element var backButton = $('<button id="back-to-top" title="Back to top"> </button>'); // Append the button to the body $('body').append(backButton); // Smooth scroll to top when the button is clicked backButton.click(function(){ $('html, body').animate({scrollTop : 0},800); return false; }); }); window.addEventListener('scroll', function() { var toc = document.getElementById('toc'); var bodyContent = document.getElementById('bodyContent'); var scrollY = window.scrollY || window.pageYOffset; // Adjust the top position of the TOC based on scrolling if (scrollY > bodyContent.offsetTop) { toc.style.top = (scrollY - bodyContent.offsetTop) + 'px'; } else { toc.style.top = '0'; } }); var slideIndex = 0; carousel(); function carousel() { var i; var slides = document.getElementsByClassName("slideshow-slide"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex > slides.length) {slideIndex = 1} slides[slideIndex-1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds } document.addEventListener('DOMContentLoaded', function() { var slideshowContainer = document.createElement('div'); slideshowContainer.classList.add('slideshow-container'); var slides = [ {image: 'Image1.jpg', text: 'Описание первого изображения'}, {image: 'Image2.jpg', text: 'Описание второго изображения'}, {image: 'Image3.jpg', text: 'Описание третьего изображения'} ]; slides.forEach(function(slide) { var slideElement = document.createElement('div'); slideElement.classList.add('slideshow-slide'); slideElement.innerHTML = '<img src="' + slide.image + '" style="width:100%">' + '<div class="slideshow-text">' + slide.text + '</div>'; slideshowContainer.appendChild(slideElement); }); document.body.appendChild(slideshowContainer); var slideIndex = 0; carousel(); function carousel() { var i; var slides = document.getElementsByClassName("slideshow-slide"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex > slides.length) {slideIndex = 1} slides[slideIndex-1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds } });