큰 이미지 뷰어 비활성화

선택한 레이아웃에서만 이미지를 표시하고 이미지를 확대하지 않으려면 CSS/HTML/스크립트 재정의를 통해 큰 이미지 뷰어를 비활성화할 수 있습니다.

관련 코드 찾기:

• 아래 언급된 전체 스크립트를 복사합니다. 이것은 모든 그리드 레이아웃.

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .grid-item').removeClass('js-grid-item');
   }, 1000);
 });
</script>

<style>
#photo-gallery .grid .grid-item {
 cursor: inherit;}
</style> 

• 아래 언급된 전체 스크립트를 복사합니다. 이것은 수직 슬라이더 및 수직 슬라이더 상세 레이아웃.

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .slideshow-item').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .vert-slideshow .slideshow-item img {
 cursor:inherit !important;
 }} 
</style>

• 아래 언급된 전체 스크립트를 복사합니다. 이것은 단일 이미지 레이아웃.

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .lslide').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
.light-slider .lslide img { cursor:inherit !important;}
</style>

• 아래 언급된 전체 스크립트를 복사합니다. 이것은 작동합니다 스크롤 이미지 레이아웃이 있는 슬라이더 및 슬라이더. 

<script type='text/javascript'>
 $(document).ready(function () {
   setInterval(function(){
     $('.stage-spacing .list-active').removeClass('js-slideshow-item');
   }, 1000);
 });
</script>

<style>
@media screen and (min-width: 1024px){
 .slidee li.list-active {
 cursor:inherit !important;
 }} 
</style>

코드를 적용하려면 아래 단계를 따르십시오.

• 해당 코드를 복사한 후 설정 (1).
• . 외부 스크립트 (2), 코드를 부분 (3).
• 명중하십시오 찜하기 (4) 버튼을 눌러 변경 사항을 스튜디오에 저장합니다.

이제 사이트를 새로고침하여 라이브 사이트의 변경 사항을 검토합니다.