jQuery 배우는 중인데 연습할겸 한번 만들어봤습니다.

다른 팁 있으면 같이 공유해봅시다.

기능

1. 모니터 해상도보다 이미지가 해상도가 작아서 작게 나올 때 이미지 높이를 100%로 변경하여 확대

  - 자바스크립트로 변경하는거라 방향키나 클릭으로 이동하면 처음에 작게 나왔다가 커지는데, 마우스 휠로 이동하면 괜찮음. 이유는 몰루?

2. 마지막 페이지에서 다음 화 링크로 자동 이동

추가로 F11로 전체화면 모드 활성화 하면 일일이 전체화면 버튼 안룰러도 됨.

설정 방법

1. 크롬 확장 프로그램 추가

  - https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

2. 우측 상단 확장 프로그램에서 User Javascript and CSS 선택 후 나오는 팝업 창에서 Add New 버튼 클릭 

3. 상단의 URL을 https://manatoki*.net 로 변경

4. 좌측 js 칸에 다음 코드 입력 후 저장

$(document).ready(function(){

  $('.lg-image').attr('style', 'height: 100% !important');

  $('body').on('mousewheel keyup', function() {

  $('.lg-image').attr('style', 'height: 100% !important');

  })

var $lg = jQuery('#comics-viewer');

  $lg.on('onLastSlide.lg', function (event, index) {

      jQuery('#adModalCenter').modal('show');

      jQuery('#adModalCenter .fa-chevron-circle-up').trigger('click');

  });

  $lg.on('onAfterSlide.lg onBeforeSlide.lg', function() {

$('.lg-image').attr('style', 'height: 100% !important');

  });

});