รูป cutscene จะเต็มหน้าจอ
This commit is contained in:
@@ -1873,20 +1873,23 @@
|
||||
if (!ov) {
|
||||
ov = document.createElement('div');
|
||||
ov.id = 'case-cutscene-overlay';
|
||||
ov.style.cssText = 'position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;background:#05070f';
|
||||
ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000';
|
||||
ov.innerHTML =
|
||||
'<img id="case-cutscene-img" alt="" decoding="async" style="max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;display:block">' +
|
||||
'<div style="position:absolute;left:0;right:0;bottom:24px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;pointer-events:none">' +
|
||||
'<img id="case-cutscene-img" alt="" decoding="async" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block">' +
|
||||
'<div style="position:absolute;left:0;right:0;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;pointer-events:none">' +
|
||||
'<span id="case-cutscene-progress" style="font:800 15px/1 Kanit,system-ui,sans-serif;color:#cdd6ff;background:rgba(8,12,26,.6);padding:8px 14px;border-radius:999px"></span>' +
|
||||
'<button type="button" id="case-cutscene-next" style="pointer-events:auto;cursor:pointer;border:none;border-radius:999px;padding:13px 38px;font:800 17px/1 Kanit,system-ui,sans-serif;color:#0a0e1a;background:linear-gradient(180deg,#ffd666,#f0b429);box-shadow:0 10px 28px rgba(240,180,41,.5)">ไปต่อ ▶</button>' +
|
||||
'</div>';
|
||||
document.body.appendChild(ov);
|
||||
}
|
||||
ov.classList.remove('is-hidden');
|
||||
ov.style.display = 'flex';
|
||||
ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000;display:block';
|
||||
var imgEl = document.getElementById('case-cutscene-img');
|
||||
var progEl = document.getElementById('case-cutscene-progress');
|
||||
var nextBtn = document.getElementById('case-cutscene-next');
|
||||
if (imgEl) {
|
||||
imgEl.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block';
|
||||
}
|
||||
function render() {
|
||||
if (imgEl) imgEl.src = imgs[idx];
|
||||
if (progEl) progEl.textContent = (idx + 1) + ' / ' + imgs.length;
|
||||
|
||||
@@ -1613,7 +1613,7 @@
|
||||
<script src="js/display-name.js?v=2"></script>
|
||||
<script src="js/version.js?v=0.0122"></script>
|
||||
<script src="js/customize-popup.js?v=31" data-customize-triggers="" data-customize-asset-base="img/03-5-Customize"></script>
|
||||
<script src="js/room-lobby.js?v=0.0266"></script>
|
||||
<script src="js/room-lobby.js?v=0.0267"></script>
|
||||
<div class="version-tag">v —</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user