https://tensura-wiki.info/w/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.js 2026-09-19T02:27:52Z このウィキのこのページに関する変更履歴 MediaWiki 1.39.3 https://tensura-wiki.info/w/index.php?title=MediaWiki:Common.js&diff=4275&oldid=prev 2026-09-02T01:18:05Z

<p></p> <a href="https://tensura-wiki.info/w/index.php?title=MediaWiki:Common.js&amp;diff=4275&amp;oldid=4248">差分を表示</a>

ド馬 https://tensura-wiki.info/w/index.php?title=MediaWiki:Common.js&diff=4248&oldid=prev 2026-09-01T21:41:36Z

<p>ページの作成:「<span dir="auto"><span class="autocomment">ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます: </span> <span dir="auto"><span class="autocomment">========================================================= * 外部画像ギャラリー * =========================================================: </span> mw.hook(&#039;wikipage.content&#039;).add(function ($content) { $content.find(&#039;.ts-gallery&#039;).each(function () { var gallery = this; <span dir="auto"><span class="autocomment">二重初期化防止: </span> if (gallery.d…」</span></span></span></p> <p><b>新規ページ</b></p><div>/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */<br /> /* =========================================================<br /> * 外部画像ギャラリー<br /> * ========================================================= */<br /> <br /> mw.hook('wikipage.content').add(function ($content) {<br /> <br /> $content.find('.ts-gallery').each(function () {<br /> <br /> var gallery = this;<br /> <br /> /* 二重初期化防止 */<br /> if (gallery.dataset.galleryReady === '1') {<br /> return;<br /> }<br /> <br /> gallery.dataset.galleryReady = '1';<br /> <br /> var track = gallery.querySelector('.ts-gallery__track');<br /> <br /> if (!track) {<br /> return;<br /> }<br /> <br /> /* 戻るボタン */<br /> var prev = document.createElement('button');<br /> prev.type = 'button';<br /> prev.className = 'ts-gallery__nav ts-gallery__prev';<br /> prev.innerHTML = '&amp;#8249;';<br /> prev.setAttribute('aria-label', '前の画像');<br /> <br /> /* 進むボタン */<br /> var next = document.createElement('button');<br /> next.type = 'button';<br /> next.className = 'ts-gallery__nav ts-gallery__next';<br /> next.innerHTML = '&amp;#8250;';<br /> next.setAttribute('aria-label', '次の画像');<br /> <br /> gallery.appendChild(prev);<br /> gallery.appendChild(next);<br /> <br /> /* 1回に移動する距離 */<br /> function getStep() {<br /> <br /> var item = track.querySelector('.ts-gallery__item');<br /> <br /> if (!item) {<br /> return track.clientWidth * 0.85;<br /> }<br /> <br /> var style = window.getComputedStyle(track);<br /> var gap = parseFloat(style.columnGap || style.gap) || 0;<br /> <br /> return item.getBoundingClientRect().width + gap;<br /> }<br /> <br /> /* ボタン状態更新 */<br /> function updateButtons() {<br /> <br /> var maxScroll =<br /> track.scrollWidth - track.clientWidth;<br /> <br /> var scrollable = maxScroll &gt; 5;<br /> <br /> gallery.classList.toggle(<br /> 'ts-gallery--scrollable',<br /> scrollable<br /> );<br /> <br /> prev.disabled =<br /> !scrollable ||<br /> track.scrollLeft &lt;= 5;<br /> <br /> next.disabled =<br /> !scrollable ||<br /> track.scrollLeft &gt;= maxScroll - 5;<br /> }<br /> <br /> prev.addEventListener('click', function () {<br /> <br /> track.scrollBy({<br /> left: -getStep(),<br /> behavior: 'smooth'<br /> });<br /> });<br /> <br /> next.addEventListener('click', function () {<br /> <br /> track.scrollBy({<br /> left: getStep(),<br /> behavior: 'smooth'<br /> });<br /> });<br /> <br /> var ticking = false;<br /> <br /> track.addEventListener('scroll', function () {<br /> <br /> if (!ticking) {<br /> <br /> window.requestAnimationFrame(function () {<br /> updateButtons();<br /> ticking = false;<br /> });<br /> <br /> ticking = true;<br /> }<br /> <br /> }, { passive: true });<br /> <br /> window.addEventListener('resize', updateButtons);<br /> <br /> /* 画像読み込み後にも判定 */<br /> var images = track.querySelectorAll('img');<br /> <br /> images.forEach(function (image) {<br /> image.addEventListener('load', updateButtons);<br /> });<br /> <br /> updateButtons();<br /> });<br /> });</div>

ド馬