EB슬라이더 PC/모바일 이미지를 다르게 적용하려면 어떻게 하나요 > 질문과 답변

본문 바로가기

질문과답변

[해결] EB슬라이더 PC/모바일 이미지를 다르게 적용하려면 어떻게 하나요

profile_image
cutdog 110.♡.152.53
2022-09-28 22:02 23,661 1
총 채택 포인트
10 포인트
채택된 회원에게 주는 후원 포인트
5 포인트
채택 후 작성자(cutdog) 회수 포인트
5 포인트

본문

반응형인데 PC와 모바일 이미지를 별도로 적용하고 싶은데 슬라이더를 2개를 만들어야 하나요? CSS 미디어 쿼리를 설정해서 PC에서는 모바일 슬라이더가 안 보이게 하고 모바일에서는 PC슬라이더가 안 보이게 했더니 PC에서는 반응형으로 제대로 보여지는데 모바일로 보면 PC와 모바일 슬라이더가 둘다 보여집니다.
profile_image
cutdog 회원등급 : 지하계 / Level 2
포인트 540
경험치 260
[레벨 2] - 진행률 15%
가입일
2022-09-27 01:27:54
서명
미입력
자기소개
미입력

최신글이 없습니다.

최신글이 없습니다.

댓글목록1

이윰EGG님의 댓글

채택
profile_image
이윰EGG 59.♡.85.129
2022-09-29 08:59
EB슬라이더 basic 스킨에는 이미지를 2개 등록시 일정폭(768px) 기준 출력이 되게 되어 있으며 아래의 소스와 같으니
참고해 활용해 보기 바랍니다. 

<picture>
                        <source srcset="<?php echo $item['src_1']?>" media="(min-width:768px)">
                        <source srcset="<?php echo $item['src_2']?>" media="(max-width:767px)">
                        <img src="<?php echo $item['src_1']?>" alt="">
                    </picture>


고맙습니다.
이윰빌더 시즌4 질문과 답변 게시판입니다.

질문과 답변 게시판에는 가능한 이윰 관리자가 답변을 드리지 않습니다. 회원간 활성화 될수 있도록 도움 부탁드리며, 질문자는 원하는 답변이 달릴경우 꼭 채택하여 주시기 바랍니다.

상품구매 및 유료상품 문의는 1:1문의 게시판을 이용해 주시기 바랍니다.

1:1문의 바로가기 : https://eyoom.net/bbs/qalist.php

전체 3 건 - 1 페이지
번호
제목
글쓴이
채택포인트
날짜
조회
3
해결중 EB슬라이더에서 slick-dots 수정 (해결됨) 댓글 1개
cutdog
10
2022-10-18
19,310
cutdog
채택포인트 10 2022-10-18
열람
해결 EB슬라이더 PC/모바일 이미지를 다르게 적용하려면 어떻게 하나요 댓글 1개
cutdog
10
2022-09-28
23,662
cutdog
채택포인트 10 2022-09-28
1
해결 쇼핑몰 메뉴설정에서 직접 코딩한 페이지 추가는 어떻게 하나요 댓글 1개
cutdog
10
2022-09-27
20,260
cutdog
채택포인트 10 2022-09-27
사이트 내 전체검색