해당 슬라이드 소스를 보시면

{@
    $main_img = ($v[main_img]) ? thum_img($v[main_img],$var_set[img_width],$var_set[img_height],1) : '';
    $main_img_m = ($v[main_img]) ? thum_img($v[main_img],$var_set[img_width_m],$var_set[img_height],3) : '';
@}

이런식으로 사용되어 있고 업로드된 이미지를 입력된 사이즈에 맞게 잘라 출력해주는 역할을 하고 있는데 움직이는 gif 같은 경우에는 이미지 컷팅이 제대로 되지 않는 경우가 발생합니다.

만약 움직이는 gif가 꼭 사용되어야 한다면 위의 소스를 사용하지 않고

기존 소스 : <img data-src-m="{$main_img_m}" data-src="{$main_img}" alt="{$v[subject]}" class="main_img" cond="$v[main_img]">

변경 소스 : <img src="{$v[main_img]}" alt="{$v[subject]}">

 

위의 변경 소스를 사용하여 이미지 원본을 그대로 출력하게 해주셔야 합니다.

만약 이 방법을 이용했을 때 모바일에서 슬라이드 이미지가 너무 작게 출력이 된다면 모바일용/PC용 따로 슬라이드를 추가해주시는 방법도 있습니다.

감사합니다.