글내용에 첨부된 이미지와 라이트박스 연동하는 방법있나요?

http://jemijoa.com/?p=45&uid=292&mod=document

 

일반게시판을 갤러리 게시판으로 수정해서 사용하고 있는데 사진 클릭시 원본 사이즈로 하고 싶습니다.

라이트박스나 기타 방법으로 연동하는 방법이 있을까요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • FancyBox for WordPress 플러그인을 설치하고

    https://wordpress.org/plugins/fancybox-for-wordpress/

     

    스킨의 document.php 파일 하단에 아래 코드를 추가 해보시겠어요?

    <script>
    jQuery(document).ready(function(){
        jQuery('img', '.kboard-content').each(function(){
            var img = jQuery(this);
            var a = jQuery('<a></a>').attr('href', img.attr('src')).append(img.clone());
            a.fancybox({
                  'transitionIn': 'elastic',
                  'transitionOut': 'elastic',
                  'speedIn': 200,
                  'speedOut': 200,
                  'type': 'image'
            });
            img.replaceWith(a);
        });
    });
    </script>

  • 라이트박스 플러그인을 설치해보세요.

    아마 적용이 될 겁니다.

    안된다면 어떤 플러그인을 설치하셨는지 이름 알려주시겠어요?

  • 설치된 플러그인은

    Simple Lightbox 이고요,

      <div class="kboard-content" itemprop="description">
       <div class="content-view">
        <?php if($content->thumbnail_file):?><p class="thumbnail-area"><a rel="simple lightbox" href="<?php echo get_site_url() . $content->thumbnail_file?>" alt="<?php echo $content->title?>" ><img src="<?php echo get_site_url() . $content->thumbnail_file?>" alt=""></a></p><?php endif;?>
        
        <?php echo $content->content?>


       </div>
      </div>

    이런 식으로 적용했는데 변화가 없네요.

  • 사진 첨부할때 그냥 미디어가 아니라 kboard미디어 추가로 했는데 이것도 영향이 있는지요?

    처음엔 아무 생각없이 사진을 포스팅했는데 원본사이즈(900~1024)로 볼수 없으니 불편해서요.

  • KBoard 미디어로 업로드된 이미지는 원본으로 저장됩니다.

    이미지 크기보다 화면이 좁아서 이미지가 줄어드는 걸로 생각되구요.

     

    Simple Lightbox 플러그인 설치해서 테스트 해봤습니다.

    이미지에 링크를 걸어주셔야 합니다.

    링크는 이미지 주소입니다.

    예를들면 아래와 같습니다.

    <a href="http://testdomain.com/57996b225caeb5815344.png"><img src="http://testdomain.com/57996b225caeb5815344.png" alt="" /></a>

     

    오해하실까봐 추가로 말씀드리면 이건 KBoard 게시글이라서 이렇게 하는게 아닙니다.

    Simple Lightbox 플러그인 설치하고 단순 포스팅 등록시에도 이미지에 링크가 걸려 있어야만 동작합니다.

  • 신경써줘서 고맙습니다.

    게시글이 얼마없으면 갤러리로 바꿀텐데 이제 좀 귀찮기도 하고...

    다른 사이트처럼 사진을 클릭하면 원본사이즈로 보여주고 exif정보까지 볼수있도록 하고 싶은데 쉽지 않아 보입니다.

    그냥 전체화면에 가까운 테마로 대리만족해야 될것 같네요.

  • 적용은 되는데 이미지가 두번 나오고,

    스마트폰에서는 고정되지 않고 움직이네요.

    그것만 수정되면 좋을것 같습니다.ㅎ

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기