메인슬라이드 이미지가 나오질 않습니다

작성일 23-05-12 14:23

비밀글 댓글내용 확인

카비님의 댓글

작성일 23-05-12 15:43

고맙습니다 지금 호스팅업체쪽에 연락해놨습니다. 타 호스팅(카페24)에서 잘 작동되는 페이지 예시를 알려주려면 http://m30.ety.kr/ 여기 알려주면 될까요? 답변오는데로 어떤문제인지 업데이트 하겠습니다

카비님의 댓글

작성일 23-05-12 16:19

호스팅업체 답변이 왔는데 이렇게왔네요;

유선 상 전달해주셨던 이미지가 원활히 출력되는 사이트(http://m30.ety.kr/)의 코드와 닷홈 호스팅의 코드가 다른 것으로 확인됩니다.

=======http://m30.ety.kr/ 사이트의 코드========

img class="image-entity" src="http://m30.ety.kr/theme/theme_m30/img/bg/3.png"

=======문의 사이트의 코드========

img class="image-entity slick-lazyload-error"

===============================================

img class 부분의 코드의 설정으로 이미지를 불러오지 못하여 이미지가 출력되지 않는 것으로 보이나,

닷홈은 호스팅 업체로 홈페이지 내부에서 발생하는 문제의 경우 확인 및 안내가 지원되지 않아 확인이 불가능한 점 양해 부탁드립니다.

홈페이지 소스코드 내에 설정 확인 또는 그누보드 커뮤니티 등에 문의 후 이용해 주셔야할 것으로 보이는 점 안내드립니다.

추가적으로 유선 상 전달하여 주셨던 http 주소와 https 주소의 혼합으로 인하여 발생하는 문제는 아닌 것으로 보이는 점 또한 참고 부탁드립니다.

소프트존님의 댓글

작성일 23-05-12 16:22

비밀글 댓글내용 확인

카비님의 댓글

작성일 23-05-12 16:42

<img data-lazy="<?php echo G5_THEME_URL?> 이부분 문제였군요..ㅜㅜ 봐주신 덕분에 잘 나옵니다 정말 고맙습니다

소프트존님의 댓글

작성일 23-05-12 16:43

안녕하세요~ 코드를 확인해보니 코드를 잘 못 수정하신것 같습니다.

[현재 테마에 적용된 코드]

        <!-- 이미지 -->
        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide02.jpg');">
                    <img data-lazy="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide02.jpg');" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다1<div class="mt10">테스트 입니다1</div>
                </figcaption>
            </figure>
        </div>

        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide03.jpg');">
                    <img data-lazy="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide03.jpg');" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다2<div class="mt10">테스트 입니다2</div>
                </figcaption>
            </figure>
        </div>


        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide04.jpg');">
                    <img data-lazy="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide04.jpg');" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다3<div class="mt10">테스트 입니다3</div>
                </figcaption>
            </figure>
        </div>

[원본코드]

        <!-- 이미지 -->
        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url(<?php echo G5_THEME_URL ?>/img/bg/slide02.jpg);">
                    <img data-lazy="<?php echo G5_THEME_URL ?>/img/bg/slide02.jpg" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다1<div class="mt10">테스트 입니다1</div>
                </figcaption>
            </figure>
        </div>

        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide03.jpg');">
                    <img data-lazy="<?php echo G5_THEME_URL ?>/img/bg/slide03.jpg" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다2<div class="mt10">테스트 입니다2</div>
                </figcaption>
            </figure>
        </div>


        <div class="item image">
            <figure>
                <div class="slide-image slide-media" style="background-image:url('<?php echo G5_THEME_URL ?>/img/bg/slide04.jpg');">
                    <img data-lazy="<?php echo G5_THEME_URL ?>/img/bg/slide04.jpg" class="image-entity" />
                </div>
                <figcaption class="caption ko lh1-1">테스트 입니다3<div class="mt10">테스트 입니다3</div>
                </figcaption>
            </figure>
        </div>

비교해보시면 img 부분에도 background 가 들어가져 있습니다.
작업 하시면서 잠시 헷갈리신것 같습니다.
다운로드 파일 확인해보니 정상적으로 되어져 있었습니다.
감사합니다.

안녕하세요~ 코드를 확인해보니 코드를 잘 못 수정하신것 같습니다. [현재 테마에 적용된 코드] <div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- 이미지 --&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide02.jpg');"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide02.jpg');" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다1&lt;div class="mt10"&gt;테스트 입니다1&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div> <div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide03.jpg');"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide03.jpg');" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다2&lt;div class="mt10"&gt;테스트 입니다2&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div> <div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide04.jpg');"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide04.jpg');" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다3&lt;div class="mt10"&gt;테스트 입니다3&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div></div> [원본코드] <div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- 이미지 --&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url(&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide02.jpg);"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide02.jpg" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다1&lt;div class="mt10"&gt;테스트 입니다1&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div> <div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide03.jpg');"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide03.jpg" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다2&lt;div class="mt10"&gt;테스트 입니다2&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div> <div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="item image"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="slide-image slide-media" style="background-image:url('&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide04.jpg');"&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img data-lazy="&lt;?php echo G5_THEME_URL ?&gt;/img/bg/slide04.jpg" class="image-entity" /&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;figcaption class="caption ko lh1-1"&gt;테스트 입니다3&lt;div class="mt10"&gt;테스트 입니다3&lt;/div&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figcaption&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/figure&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div></div> 비교해보시면 img 부분에도 background 가 들어가져 있습니다. 작업 하시면서 잠시 헷갈리신것 같습니다. 다운로드 파일 확인해보니 정상적으로 되어져 있었습니다. 감사합니다.

카비님의 댓글

작성일 23-05-12 16:43

고맙습니다 감사합니다

소프트존님의 댓글