MediaWiki:Common.js: Perbedaan antara revisi
Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
||
| Baris 320: | Baris 320: | ||
`).appendTo("head"); | `).appendTo("head"); | ||
/* 2. Smart Image Glow (Fokus Visual) */ | /* 2. Smart Image Glow (Fokus Visual) */ | ||
| Baris 355: | Baris 347: | ||
}); | }); | ||
/* | /* 1. Smart Did You Know (Fakta Unik Random) */ | ||
$( | $(document).ready(function() { | ||
if (mw.config.get('wgIsArticle') && mw.config.get('wgNamespaceNumber') === 0) { | |||
. | var facts = [ | ||
"Mippedia dikelola sepenuhnya oleh Mippedia Community.", | |||
"Tahukah kamu? Kamu bisa mendengarkan artikel ini lewat ikon 🔊 di atas!", | |||
"Mippedia berfokus pada sejarah, musik, dan teknologi.", | |||
"Ingin berkontribusi? Hubungi pengelola Mippedia sekarang!" | |||
]; | |||
var randomFact = facts[Math.floor(Math.random() * facts.length)]; | |||
setTimeout(function() { | |||
var $factPop = $('<div id="fact-pop" style="position:fixed; top:20px; left:20px; right:20px; background:rgba(54,102,204,0.95); color:#fff; padding:12px; border-radius:15px; font-size:12px; z-index:10005; text-align:center; box-shadow:0 10px 20px rgba(0,0,0,0.2); backdrop-filter:blur(5px); display:none;">' + | |||
'💡 <b>Fakta Unik:</b> ' + randomFact + | |||
'</div>'); | |||
$('body').append($factPop); | |||
$factPop.slideDown().delay(5000).slideUp(); | |||
}, 8000); // Muncul setelah 8 detik baca | |||
} | |||
}); | |||
/* 2. End-of-Page Social Pulse (Animasi Share di Bawah) */ | |||
$(document).ready(function() { | |||
$(window).scroll(function() { | |||
if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) { | |||
if ($('#end-share').length === 0) { | |||
var $endShare = $('<div id="end-share" style="text-align:center; padding:20px; background:#f8f9fa; border-top:2px solid #36c; margin-top:20px; animation: fadeIn 0.8s;">' + | |||
'<h4 style="color:#36c; margin-bottom:10px;">Bermanfaat? Bagikan sekarang!</h4>' + | |||
'<div style="display:flex; justify-content:center; gap:20px;">' + | |||
'<a href="https://what.me/?text=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">🟢</a>' + | |||
'<a href="https://facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">🔵</a>' + | |||
'<a href="https://twitter.com/intent/tweet?url=' + encodeURIComponent(window.location.href) + '" style="font-size:24px;">⚫</a>' + | |||
'</div>' + | |||
'</div>'); | |||
$('.mw-parser-output').append($endShare); | |||
} | |||
} | |||
}); | |||
}); | |||
/* 3. Custom Image Zoom (Tanpa Klik) */ | |||
$(document).ready(function() { | |||
// Memberikan efek zoom halus saat gambar tersentuh di mobile | |||
$('.mw-parser-output img').on('touchstart', function() { | |||
$(this).css('transform', 'scale(1.1)'); | |||
}).on('touchend', function() { | |||
$(this).css('transform', 'scale(1)'); | |||
}); | |||
}); | |||