bxslider 카페24에서 이미지가 안 뜨는 오류...
공통레이아웃 페이지에 css와 js 링크를 넣어줬고
적용할 페이지에 html 과 실행 스크립트를 넣어줬습니다.
따로 빈페이지를 만들어 테스트했을 때는 적용이 되는데
여기선 이미지가 왜 뒤로 감춰져 있는 것일까요? 3장의 이미지가 차례대로 나열돼있긴 한데
자동슬라이드도 안 먹히는 것 같고 overflow 해제시켜보면 이미지는 뜨는데 페이징버튼도 안 보이고.. 어제부터 하루종일 헤매다가 결국 도움을 요청합니다.. ㅜ
답변 2개
위의 알려주신 URL에서
소스보기를 해보니
bxslider.js 가 두개입니다.
</p><p><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><html <span class="html-attribute-name">xmlns</span>="<span class="html-attribute-value"><a href="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a>"><a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a></a></span>" <span class="html-attribute-name">xml:lang</span>="<span class="html-attribute-value">ko</span>" <span class="html-attribute-name">lang</span>="<span class="html-attribute-value">ko</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><head></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">http-equiv</span>="<span class="html-attribute-value">Content-Type</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">text/html; charset=utf-8</span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">name</span>="<span class="html-attribute-value">viewport</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">width=device-width</span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">property</span>="<span class="html-attribute-value">og:type</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">website</span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">property</span>="<span class="html-attribute-value">og:title</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">모던핏</span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">property</span>="<span class="html-attribute-value">og:description</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">남성의류쇼핑몰,데일리룩,오버핏,자체제작,니트,셔츠,패션코디,남친룩,남자코디</span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">property</span>="<span class="html-attribute-value">og:image</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value"><a href="<a href="http://www.modernfit1020.com/sde_design/skin1/mine/images/logo_top.gif" target="_blank" rel="noopener noreferrer">http://www.modernfit1020.com/sde_design/skin1/mine/images/logo_top.gif</a>"><a href="http://www.modernfit1020.com/sde_design/skin1/mine/images/logo_top.gif" target="_blank" rel="noopener noreferrer">http://www.modernfit1020.com/sde_design/skin1/mine/images/logo_top.gif</a></a></span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><meta <span class="html-attribute-name">property</span>="<span class="html-attribute-value">og:url</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value"><a href="<a href="http://www.modernfit1020.com" target="_blank" rel="noopener noreferrer">http://www.modernfit1020.com</a>"><a href="http://www.modernfit1020.com" target="_blank" rel="noopener noreferrer">http://www.modernfit1020.com</a></a></span>"/></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><link <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="<a href="https://fonts.googleapis.com/css?family=Lato" target="_blank" rel="noopener noreferrer">https://fonts.googleapis.com/css?family=Lato</a>"><a href="https://fonts.googleapis.com/css?family=Lato" target="_blank" rel="noopener noreferrer">https://fonts.googleapis.com/css?family=Lato</a></a>" <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>"/></span><span class="html-comment" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><!--BXSLIDER--></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="<a href="http://modernfit1020.com/mine/jquery.bxslider.js" target="_blank" rel="noopener noreferrer">http://modernfit1020.com/mine/jquery.bxslider.js</a>">/../../mine/jquery.bxslider.js</a>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></script></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><link <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="<a href="http://modernfit1020.com/mine/jquery.bxslider.css" target="_blank" rel="noopener noreferrer">http://modernfit1020.com/mine/jquery.bxslider.css</a>">/../../mine/jquery.bxslider.css</a>" <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>"/></span><span class="html-comment" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><!-- Facebook Pixel Code --></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><script></span> </p><p><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;">이 위치에 한개
</span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"><!--//////bx슬라이더--></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"><div style="margin:30px 0"></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"><ul class="bxslider"><li><img src="/../mine/images/pic1.jpg"/></li></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"> <li><img src="/../mine/images/pic2.jpg"/></li></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"> <li><img src="/../mine/images/pic3.jpg"/></li></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"></ul></div></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"><script src="/../mine/jquery.bxslider.js"></script></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;">
</span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"><script></span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"> $('.bxslider').bxSlider();</span></span></p><p><span style="font-family: monospace; font-size: 12pt;"><span style="white-space: pre-wrap;"></script></span></span></p><div>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
<link href="/mine/jquery.bxslider.css" rel="stylesheet">
<!--@js(/mine/jquery.bxslider.js)-->
<!--@css(/mine/jquery.bxslider.css)-->
스크립트를 위의 방식으로도 넣어보고 아래 방식으로도 넣어봤는데 여전히 페이징버튼과 슬라이드 작동은 먹히질 않네요..ㅜ 아, 그래도 이미지는 떴습니다 ! 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인