와우슬라이더의 이미지를 100%로 사용하실 경우 이미지의 효과를 적용하는 부분에서 비율이 맞지 않는 현상이 발생하기 때문에 사용할 수 있는 효과가 제한됩니다.
현재 사용하고 계신 blinds 효과의 경우 이미지를 100%로 하실경우 이미지가 잘리는 부분의 비율 문제 때문에 깨져보이는 현상이 있습니다. 해당 효과는 정해진 이미지 사이즈에서만 사용이 가능합니다.
이미지에 부분적으로 효과를 주지 않고 전체에 효과를 줄 수 있는 basic, fade, kenburns, stack, rotate 등의 효과는 이미지를 100% 적용해도 사용이 가능하므로 참고하시기 바랍니다.
이미지를 100%로 사용하시는 방법은 아래와 같습니다.
1) 와우슬라이더의 이미지 사이즈에는 너비 1300, 높이 500 과 같이 이미지의 실제 사이즈를 입력합니다.
2) 페이지편집 -> 와우슬라이더가 적용된 콘텐츠박스 div(빨간색 div) 클릭 -> 컨텐츠넣기/변경 -> 텍스트/태그 -> HTML 모드 선택 -> 아래 소스 적용
<style type="text/css">
#wowslider-container_{AY_AB_wslider_parent[serial_num]}{width:100%;height:auto;}
</style>
* 해당 텍스트/태그는 반드시 와우슬라이더가 적용된 콘텐츠박스 안쪽에 적용되어야 하며, 해당 콘텐츠박스 안에 노란색의 P 아이콘이 있는지 확인하세요. (P 아이콘이 없으면 잘못된 위치입니다.)
* DIV에 텍스트/태그 넣기 메뉴얼 참조 (http://bos.kr/kwa-manual_v-1025&category_1=~B&category_2=~BA)
좀 더 자세한 설명은 평일 오후 2~6시에 진행되는 솔루션Q&A교육에 참석하시면 확인하실 수 있습니다.
감사합니다.
관련키워드와우슬라이더 이미지사이즈, 와우슬라이더 이미지100%, 텍스트/태그넣기,div에 css적용