★ANIME News (รวมข่าวสารของวงการการ์ตูน !) - [Spring Anime 2011] .. ตารางอนิเมะฤดูใบไม้ผลิ 2011 ! (2025)

` : ''} `).addClass('with-autoscroll') if (shouldShowGuiding) { $('.autoscroll-guiding').fadeIn(1000, () => { setTimeout(() => { AUTO_SCROLL_SETTING.removeGuiding() }, 5000) }) } } else { $('.autoscroll-trigger-btn').remove() $('.scroll-to-top-btn').removeClass('with-autoscroll') AUTO_SCROLL_SETTING.autoScroller.stop() } }, checkScrollPositionToToggleAutoScrollTrigger() { const scrollTop = $(window).scrollTop() const mainContainerId = '.content-area' const bigBoxMinFixed = $(mainContainerId).offset().top const autoScrollAnchorTop = $('#stop-autoscroll-anchor').offset().top const storySpaceHeight = $(mainContainerId)[0].clientHeight; const switchBtn = '#autoscroll-switch' if (scrollTop <= bigBoxMinFixed || (scrollTop > bigBoxMinFixed && scrollTop < autoScrollAnchorTop - 1000)) { $('.autoscroll-trigger-btn').show() if ($(switchBtn).hasClass('_on')) { $('.scroll-to-top-btn').addClass('with-autoscroll') } else { $('.scroll-to-top-btn').removeClass('with-autoscroll') } } if (scrollTop > autoScrollAnchorTop - 800) { $('.autoscroll-trigger-btn').hide() $('.scroll-to-top-btn').removeClass('with-autoscroll') } }, shouldShowGuiding() { return !localStorage.getItem(AUTO_SCROLL_SETTING.guidingStorageKey) }, removeGuiding() { const $guiding = $('.autoscroll-guiding') $guiding.fadeOut(500, () => { localStorage.setItem(AUTO_SCROLL_SETTING.guidingStorageKey, 1) $guiding.remove() }) }, } $(document).ready(function() { if (window.autoScrolling) { const options = window.isWebtoon ? { useInterval: false, } : {} AUTO_SCROLL_SETTING.autoScroller = window.autoScrolling.init({ ...options, stopSelector: '#stop-autoscroll-anchor', event: { onStart: () => { if (window.pageYOffset >= 1500) { $('.scroll-to-top-btn').css('opacity', '0.3') } $('#autoscroll-trigger').css('opacity', '0.3').find('i').removeClass('fa-play').addClass('fa-pause') }, onStop: () => { if (window.pageYOffset >= 1500) { $('.scroll-to-top-btn').css('opacity', '1') } $('#autoscroll-trigger').css('opacity', '1').find('i').removeClass('fa-pause').addClass('fa-play') } } }) } modalBox.create('reset-panel', document.querySelector('#reset-panel'), {}); let fontsizeCookie const fontFamily = getCookie('font-swapped-app'); const isTHSarabun = fontFamily === 'THSarabunNew' || !fontFamily; let lineHeightCookie = getCookie('reader-lineHeight-value') || 1.7; fontsizeCookie = isTHSarabun ? getCookie('reader-fontSize-thsarabun') || 28 : getCookie('reader-fontSize') || 18; let mainSpace = $("div.story:not(#story-content-short):not(.selling-chapter)"); let storySpace = $('div.story:not(#story-content-short):not(.selling-chapter) *'); $(mainSpace).css('font-size', `${fontsizeCookie}px`) $(storySpace).css('line-height', `${lineHeightCookie}`).css('font-size', `${fontsizeCookie}px`) AUTO_SCROLL_SETTING.setAutoScrollSliderBackground() AUTO_SCROLL_SETTING.appendAutoScrollTrigger() $(document) .on('click', '.autoscroll-guiding', AUTO_SCROLL_SETTING.removeGuiding) .on('input', '#autoscroll-speed', function() { const $slider = $(this) AUTO_SCROLL_SETTING.setAutoScrollSliderBackground() AUTO_SCROLL_SETTING.activeValue.set($slider.val()) if ($('#autoscroll-switch').hasClass('_on')) { AUTO_SCROLL_SETTING.autoScroller.start(+$slider.val()) } }) .on('click', '#autoscroll-switch', function() { if ($(this).hasClass('_off')) { AUTO_SCROLL_SETTING.isActive.set(1); $(this).addClass('_on').removeClass('_off') $('#autoscroll-slider-wrapper').removeClass('_disabled') } else { AUTO_SCROLL_SETTING.isActive.set(); $(this).addClass('_off').removeClass('_on') $('#autoscroll-slider-wrapper').addClass('_disabled') } AUTO_SCROLL_SETTING.appendAutoScrollTrigger() AUTO_SCROLL_SETTING.checkScrollPositionToToggleAutoScrollTrigger() }).on('click', '#autoscroll-trigger', function() { $(this).blur() AUTO_SCROLL_SETTING.removeGuiding() AUTO_SCROLL_SETTING.autoScroller.toggle(+$('#autoscroll-speed').val()) }); $('.theme-setting__wrapper a').on('click', AUTO_SCROLL_SETTING.setAutoScrollSliderBackground) $('#js-reset-panel-control').click(function(e) { e.preventDefault(); e.stopPropagation(); modalBox.get('reset-panel').show(); }) $('#confirm-reset-panel').click(function(e) { e.preventDefault(); e.stopPropagation(); $.removeCookie("reader-nightmode"); $.removeCookie("reader-lineHeight"); // remove old cookie $.removeCookie("reader-lineHeight-value"); $.removeCookie("reader-fontSize"); // remove old cookie $.removeCookie("reader-fontSize-thsarabun"); $.removeCookie("font-swapped", { path: '/', domain: '.dek-d.com' }); $.removeCookie("font-swapped-app", { path: '/', domain: '.dek-d.com' }); AUTO_SCROLL_SETTING.resetCookie() window.location.reload() }) $('.cancelbutton').click(function(e) { modalBox.get('reset-panel').hide(); }) }); (function() { let cacheFontSize = getCookie('reader-fontSize'); $(".font-trigger").on("click", function(e) { var method = $(this).data("method"); var fontFamily = getCookie("font-swapped-app"); var isTHSarabun = fontFamily === 'THSarabunNew' || !fontFamily; var scaler = 10; var fontSize = parseInt(cacheFontSize) > 0 ? parseInt(cacheFontSize) : 18; e.stopPropagation(); // Minimum font size is 16px and maximum font size is 72px if ((fontSize === 4 && method === "down") || (fontSize === 80 && method === "up")) { e.preventDefault(); return null; } switch (method) { case "up": fontSize += 2; cacheFontSize = fontSize; $.cookie("reader-fontSize", fontSize); $.cookie("reader-fontSize-thsarabun", fontSize + scaler); break; case "down": fontSize -= 2; cacheFontSize = fontSize; $.cookie("reader-fontSize", fontSize); $.cookie("reader-fontSize-thsarabun", fontSize + scaler); break; default: break; } $("div.story:not(#story-content-short):not(.selling-chapter)").css("font-size", isTHSarabun ? fontSize + scaler : fontSize); $("div.story:not(#story-content-short):not(.selling-chapter) *").css("font-size", isTHSarabun ? fontSize + scaler : fontSize); e.preventDefault(); }); $('.lineHeight').click(function(e) { e.preventDefault(); e.stopPropagation(); let methodTheme = $(this).data('height'); let storySpaceHeight = $('div.story:not(#story-content-short):not(.selling-chapter) *'); let lineHeight = parseInt(storySpaceHeight.css('line-height')); switch (methodTheme) { case 'min': lineHeight = 1.7 $.cookie('reader-lineHeight-value', lineHeight) document.getElementById('toggle-min').setAttribute('class', 'lineHeight active') document.getElementById('toggle-medium').setAttribute('class', 'lineHeight') document.getElementById('toggle-max').setAttribute('class', 'lineHeight') break case 'medium': lineHeight = 2.5 $.cookie('reader-lineHeight-value', lineHeight) document.getElementById('toggle-min').setAttribute('class', 'lineHeight') document.getElementById('toggle-medium').setAttribute('class', 'lineHeight active') document.getElementById('toggle-max').setAttribute('class', 'lineHeight') break case 'max': lineHeight = 3 $.cookie('reader-lineHeight-value', lineHeight) document.getElementById('toggle-min').setAttribute('class', 'lineHeight') document.getElementById('toggle-medium').setAttribute('class', 'lineHeight') document.getElementById('toggle-max').setAttribute('class', 'lineHeight active') break default: break } storySpaceHeight.css('line-height', lineHeight); }) let mouseInside = false; $('.reader-setting-show, #font-size-popup').hover(function() { mouseInside = true; }, function() { mouseInside = false; }); $('#font-size-popup').click(function(e) { e.stopPropagation(); $('.reader-setting-show').toggle(); $('#list-activity-novel, .list__action.-short').hide(); }); // Detect click outside content setting modal $(document).on('click', function(event) { if (!$(event.target).closest('.reader-setting-show').length) { $('.reader-setting-show').hide(); } }) .on('click', '#content-area', function() { }); })() window.addEventListener('DOMContentLoaded', function() { $(window).on('scroll', function() { const scrollDirection = CONTENT_SCROLLING.checkScrollingDirection() const contentAreaPosition = CONTENT_SCROLLING.checkContentAreaPosition() const chapterListAreaPosition = CONTENT_SCROLLING.checkChapterListAreaPosition() // For hide/show autoscroll trigger button when content-area is not in the screen AUTO_SCROLL_SETTING.checkScrollPositionToToggleAutoScrollTrigger() if (contentAreaPosition === 'before') { $('#head.stickable').css('position', '').css('top', '').css('margin-top', '').css('width', '') $('.reader-setting-show').css('position', 'absolute').css('top', '').css('margin-top', '') } else if (contentAreaPosition === 'in') { $('#head.stickable').css('position', 'fixed').css('top', '0').css('margin-inline', 'auto') $('.reader-setting-show').css('position', 'fixed').css('top', '0').css('margin-top', '46px').css('right', 'auto').css('margin-left', '687px') } else { $('#head.stickable').css('position', '').css('top', '').css('margin-top', '').css('width', '') $('.reader-setting-show').css('position', '').css('top', '').css('margin-top', '') } // Chapter list condition if (window?.page != 'chapter') { if (chapterListAreaPosition === 'before') { $('#chapter-list-section .writer-section-head').css('position', '').css('top', '').css('margin-top', '').css('width', '').css('transform', 'translateY(-22px)') } else if (chapterListAreaPosition === 'in') { $('#chapter-list-section .writer-section-head').css('position', 'fixed').css('top', '0px').css('margin-top', '0px').css('z-index', 11).css('transform', 'translateY(0px)') } else { $('#chapter-list-section .writer-section-head').css('position', '').css('top', '').css('margin-top', '').css('width', '').css('transform', 'translateY(-22px)') } } }); }); })()