모바일에서 비주얼배너 반응형으로 만들기

모바일에서 비주얼배너 반응형으로 만들기

 

알려주세요


모바일 비주얼배너 
650*366 사이즈로 편집했는데
사이즈가 커서 잘립니다.

반응형으로 만들고 싶습니다.


---------------------------------------
답변 전에 질문 추가드립니다.


1. 기존 pc버전 비주얼배너를 모바일편집 화면에 붙여 넣었더니
위 질문처럼 반응형이 되지 않아 질문을 드렸습니다.


2. 혹시나 기본 양식에 있는 비주얼배너를 복+붙 하면 괜찮을거 같아서
붙여 넣었더니 반응형은 해결했습니다.
하지만
페이드 아웃 설정시간 만큼 2개가 동시 노출 됩니다.
설정 값 기존 비주얼배너 복사함.
{ NV_AB_visual_rolling_dir }program/view.inc.php;AB_vr_time=3.5,AB_vr_fade_time=0.9



3. 어쨌든 비주얼배너를 반응형으로 정상적으로 노출되게 하고 싶습니다.
어찌하면 좋을까요?
· 관련키워드

 ,모바일비주얼배너,[RE],view,insiter.php,모바일편집

공유하기
매뉴얼요청
분류
설정변경
등록자

한진식

등록일
2019-07-08
버전

[RE] 모바일에서 비주얼배너 반응형으로 만들기

모바일에서 비주얼배너를 사용하실 때, 페이지관리 > 템플릿 > b, 비주얼배너 에서 컨텐츠박스(빨간색DIV) 를 복사해서 사용하시면 됩니다.
http://도메인주소/insiter.php?design_file=page_designer.php&page_file=e_vb.tpl.php

모바일에서 비주얼배너를 사용하실 때는 fade_time을 0 으로 사용해 주셔야 합니다.
fade_time 에 0보다 큰 숫자를 입력하면 2개의 fade 과정의 이미지가 모두 표시되기 때문입니다.

비주얼배너를 반응형으로 하신다는게 정확히 어떤 의미인지는 모르겠는데, 혹시 PC와 동일하게 표시하고 싶다는 말씀이신가요?
만약 그렇다면 위 설명대로 div를 복사해 넣으신 후, 컨텐츠박스의 D 클릭 > 게시판설정 > 서브쿼리정의에서 category_1의 값을 PC와 동일하게 입력해 주시면 됩니다.

 

관련키워드

모바일비주얼배너

등록자
비오에스
등록일
2019-07-08 16:27
조회
261

댓글 1

한진식
페이드 타임을 0으로 해야 되는줄 알았는데요.
기존의 pc에 있는 비주얼배너, 모바일로 복붙 하니 페이드 효과가 자연스럽게 됩니다.
위에 적어둔 url 모바일로 확인 후 다시 답변주시면 감사하겠습니다.

'반응형으로 하고 싶다'는 어느 모바일기기, 태블릿기기든
내 홈페이지에 있는 이미지가 최대 가로 사이즈로 리사이징 되어 "반응형 모바일 홈페이지"가 되었으면 좋겠다는 표현입니다. .
2019-07-08 16:37

[RE] 모바일에서 비주얼배너 반응형으로 만들기

PC에서 비주얼배너의 fade 효과가 적용되는 것은 이미지가 가로*세로 고정크기 안에서 움직이기 때문입니다.
모바일의 경우 기기에 따라 이미지가 맞춰지게 하기 위해서 width:100% 로 적용하다보니 높이 값이 실시간으로 달라지기 때문에 fade 되고 있는 2개의 이미지가 모두 표시됩니다. css로 이미지의 크기를 고정시킨다면 2개로 보이는 문제는 해결되겠지만, 이미지가 찌그러져 보이는 문제가 생깁니다.

비주얼배너가 모바일에 최적화되게 개발된 기능이 아니다 보니,
현재는 fade 효과를 사용하지 않는 방법으로 안내해 드리고 있습니다.
등록자
비오에스
등록일
2019-07-08 16:51
조회
254

댓글 1

한진식
그렇군요. 윤지혜님 감사합니다.
2019-07-08 18:26
사용자포럼(Q&A)
번호제목등록자등록일
41759

김진석

10-08
41685

최호용

09-18
41569

김상훈

08-25
41563

임경진

08-22
41521

한진식

08-07
41326

한진식

07-08
40948

김준용

04-18
40941

김준용

04-18
40934

김정혁

04-17
40901

정민영

04-10
40689

전희섭

03-11
40611

이철수

02-27
40610

김솔

02-27
40342

김용호

01-21
40333

전희섭

01-21