채택완료

스크롤 배너 질문 !!

2017-11-20 (월) 02:28:10 2,562

https://sir.kr/bbs/board.php?bo_table=g5_tip&wr_id=2660?bo_table=g5_tip&wr_id=2660

글을 보고 스크롤 배너를 적용하였는데요,

왼쪽 배너는 태블릿에서 보면 안보이는데, 오른쪽 배너는 태블릿에서 볼때도 남아있더라고요..(화면이 축소되서 불편 ㅜㅜ)

그래서 오른쪽 배너도 왼쪽 배너처럼 태블릿에서 안보이게 하고싶은데 어떻게 해야 할까요???

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2017-11-20 (월) 07:11:47

태블릿을 사용 안해서 모르겠는데

태블릿에서는 모바일 버전으로 보인다면

모바일 버전이 아닐 때만 보이게 조건문으로 감싸주면 될 것입니다.

Copy
<?php
if(defined('_INDEX_') && !is_mobile()) {
    스크롤 배너 출력 소스
}
?>

저는 PC 버전 index에서만 출력하게 조건문을 걸어두었습니다.

답변에 대한 댓글 1개

array('http://xn--hy1bc108k.com/', 'https://imgur.com/dNPkvwh', 'untitled' ,'_blank')

배너 이미지를 바꾸고 싶어서 이렇게 변경하였는데

http://www.우드득.com 처럼 왼쪽에
untitled
untitled
untitled
untitled
이런식으로 나오네요... 어떻게 변경 가능할까요??!!

fm25님이 방법 좋네요. 폰에서는 아주 좋을 방법이네요

저같은경우는 브라우저의 사이즈에따라서

다르게 조절합니다.

@media 태그를 사용하는것도 방법이죠

Copy
@media screen and (max-width:499px) {

      .배너클래스명 {display:none;}

}

답변을 작성하려면 로그인이 필요합니다.