와우슬라이더에서요...

언제나 수고많으십니다.

 

와우슬라이더에서 보면 이미지 사진을 지정을 해줘야 하는데

 

이걸 100% 로 지정 하는 법 없나요?

 

http://orabang.com/ 메인에 보시면 아시겠지만

 

와우슬라이더 이미지를 1980 으로 했더니 작은 해상도의 모니터에서

 

밀리는 현상이라고 해야하나... 여튼 어떤 현상인줄 아시겠죠?

 

이미지를 그냥 가로 100% 지정하면 괜찮을듯 싶은데

 

와우슬라이더에서는 100%가 안먹히네요 ㅠ 강제로 먹히게 할려면 어떻게 해야 할까요?

 

소스 수정 해야한다면 파일명 경로 좀 부탁드릴께요 ㅠ

· 관련키워드

사진,와우슬라이더,100%,와우슬라이더 이미지사이즈, 와우슬라이더 이미지100%, 텍스트/태그넣기,div에 css적용,페이지편집,wowslider,[RE],sitecook.kr

공유하기
매뉴얼요청
분류
게시판관리
>플러그인
등록자

김민호

등록일
2014-12-26
버전

댓글 5

이두연
실재적용한 사이트에서 확인하는것이 빠를거 같습니다.
관리자 아이디/패스워드를 sitecook1@gmail.com 으로 보내주시길 바랍니다.
2014-12-26 18:44
이두연
초기화라고 말씀해주신부분의 현상에 대해서 확인이 어렵습니다.
구현하고 싶으신 형태를 좀더 자세하게 설명해주시기 바랍니다.
2014-12-26 17:57
김민호
넵~! 사이즈를 입력 하지 않으면 div 에서 가로 100% 가 잘 먹히는 반면
효과가 기분 효과로 돌아가는 것 같습니다.
즉 와우슬라이더 설정 게시판에서 이미지사이즈를 고정해 넣으면 만약 효과를 blur 지정하면
그 효과가 정상적으로 나타나나 100% 때문에 사이즈를 지정하지 않으면 blur 효과가 나타나지 않고 기본 슬라이더효과로 표현이 됩니다. 거기다 추가로 3개의 이미지를 와우슬라이더 지정 해놨는데 사이즈 고정 하지 않으면 빈공간 이미지 까지 생기고요. 즉 결론은 사이즈를 안넣으면 오류가 생깁니다. ㅠ

지금 현상태 http://orabang.com 을 보시면 이해가 빠르실듯 합니다.
현재 효과 blur 상태 그리고 사이즈는 지정 안해놨기 때문에 블로우 효과가 나타나고 있지 않으며
3장의 이미지가 넘어가고 나면 빈공백이 나타납니다. 물론 제가 지정한 지연시간도 적용되지 않고 있습니다. 그냥 사이즈 넣으면 해결될 문제이나 사이즈를 고정시키면 div 상에서 100% 적용이 되지 않아
다른 해상도의 모니터에서는 이미지가 밀리는 현상이 생기고요 ㅠㅠ
2014-12-26 18:04
김민호
아 해결 했습니다. 간단하게 고정 사이즈 입력 안하니깐 해결 되네요 ^^;;
2014-12-26 15:46
김민호
아 사이즈 지정 안하니.... 효과가 안먹히고 초기화 되어버리네요. ;;;;; 어떻게 해야할까요 ㅎㅎㅎ
2014-12-26 16:06

[RE] 와우슬라이더에서요...

와우슬라이더의 이미지를 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적용

등록자
비오에스
등록일
2014-12-30 10:25
조회
3,055

댓글 1

김민호
감사합니다. ^^; 이제 완벽하게 적용 되었네요. 저런식으로 소스 적용하는 방법도 있었군요 !! 또 하나 배우고 갑니다 (__)
2014-12-30 13:06
사용자포럼(Q&A)
번호제목등록자등록일
18482

김민호

12-26
17956

김태림

11-28
17510

정대훈

11-07
16770

송옥

09-26
16609

이민영

09-19
16147

조용택

08-26
16078

조용택

08-23
15968

김용의

08-18
15940

조용택

08-16
15885

김용의

08-13
15787

김용의

08-05
15614

김용의

07-28
15496

이민영

07-22
14967

조용택

07-02
14916

박상운

06-30