지금 팜플렛 웹페이지를 만들고 있는데요. QR코드를 찍으면 저희 웹페이지로 연결시켜서 브라우저를 통해 웹페이지를 보게 만들 계획입니다.
이 페이지의 <body>태그 안에 있는 객체들이 전부 페이지에 들어갈꺼구요.
의도는 보이는 슬라이드를 양옆으로 넘겨서 그 안에 있는 부분을 터치하면 유튜브 영상으로 연결되는거구용
이미지 안에 있는 걸 반응형으로 만들어야되다보니 rwdImageMaps라는 라이브러리를 가져다 썼습니다. 해상도에 관계없이 이미지맵 좌표를 알아서 변환해주더라구요.
그리고 이미지 슬라이드를 구현하기 위해서 부트스트랩의 carousel에 touchSwipe라는 라이브러리를 합쳐서 쓸어넘기는 액션으로 슬라이드를 넘길 수 있게 했습니다.
그런데...
일단 웹에서 열어보면 잘 됩니다. 링크도 문제없구요.
문제는 모바일 브라우저인데 사파리로 하면 아주 잘 됩니다. 그런데 카톡에 링크를 보내주고 따라들어가서 이미지맵 걸려있는 링크를 누르면 링크가 전혀 동작하지 않아요.
크롬도 마찬가지고 네이버 앱도 마찬가지.
어차피 이 페이지는 QR코드로만 열리게 해놓을꺼라 QR코드 아무 듣보앱이나 깔아서 그 앱을 통해 브라우징을 하면 무적권 링크가 동작하질 않습니다.
아무리생각해도 이해가 안되는데 대체 뭐가 문제일까요... 살려주세요 ㅠㅠ
질문 | 1148명이 읽었어요. 18.220.106.241
