테스트 사이트 - 개발 중인 베타 버전입니다

bxslider적용 preload 무한루프 채택완료

SOHs 6년 전 조회 4,748

http://primeagency.cafe24.com

-index.php-

</p>

<p><!-- 모바일 최근인재 -->

<div class="mobileon"></p>

<p><section class="home-team bg-dark-navy">

<!--<div class="container">

<div class="col-md-12">-->

 <header22>

        <h2>Prime Agency Member</h2>

    </header22>

 <div class="h20"></div>

<?php if($default['de_type2_list_use']) { ?>

<!-- 최근인재 시작 { -->

<section class="sct_wrap">

    <?php

    $list = new item_list();

    $list->set_type(3);

    $list->set_view('it_id', false);

    $list->set_list_mod(2);//가로 2개

    $list->set_list_row(16);//세로 2개

    $list->set_view('it_name', true);

    $list->set_view('it_basic', true);

    $list->set_view('it_cust_price', false);

    $list->set_view('it_price', false);

    $list->set_view('it_icon', false);

    $list->set_view('sns', false);

    $list->set_order_by('RAND()');//랜덤 표시

    $list->set_list_skin(G5_SHOP_SKIN_PATH.'/list.member.skin.php');//디자인

    echo $list->run();

    ?>

</section>

<!-- } 최근인재 끝 -->

<?php } ?>

<!--</div>

</div>-->

</section>

</div></p>

<p>

 

-list.member.skin.php-

</p>

<p><?php

if (!defined('_GNUBOARD_')) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡</p>

<p>// add_stylesheet('css ±¸¹®', Ãâ·Â¼ø¼­); ¼ýÀÚ°¡ ÀÛÀ» ¼ö·Ï ¸ÕÀú Ãâ·ÂµÊ

add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);

?>

<link rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"></a>

<script>

$(document).ready(function(){

    $('.slider').bxSlider({

        mode: 'horizontal',// 가로 방향 수평 슬라이드

        speed: 500,        // 이동 속도를 설정

        pager: true,      // 현재 위치 페이징 표시 여부 설정

        auto: true,        // 자동 실행 여부

        autoHover: true,   // 마우스 호버시 정지 여부

        controls: true,    // 이전 다음 버튼 노출 여부

        preloadImages: 'all'

    });

});

</script></p>

<p>

<div class="slider">

<!-- Member ½ÃÀÛ { -->

<?php

$tmp = 0;

for ($i=1; $row=sql_fetch_array($result); $i++) {

    if ($this->list_mod >= 2) { // 1ÁÙ À̹ÌÁö : 2°³ ÀÌ»ó

        if ($i%$this->list_mod == 0) $sct_last = 'sct_last'; // ÁÙ ¸¶Áö¸·

        else if ($i%$this->list_mod == 1) $sct_last = 'sct_clear'; // Á٠ù¹øÂ°

        else $sct_last = '';

    } else { // 1ÁÙ À̹ÌÁö : 1°³

        $sct_last = 'sct_clear';

    }

    if ($i%4==1){

        echo "<div>\n";

    }

    echo "<li class=\"sct_li {$sct_last}\" style=\"margin-left:1.5%;width:48%;height:350px;float:left\">\n";

    if ($this->href) {

        echo "<a href=\"{$this->href}{$row['it_id']}\">\n";

    }</p>

<p>    if ($this->view_it_img) {

        echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";

    }</p>

<p>    if ($this->href) {

        echo "</a>\n";

    }</p>

<p>

    if ($this->href) {

        echo "<a style=\"color:#fff\" href=\"{$this->href}{$row['it_id']}\">\n";

    }</p>

<p>    if ($this->view_it_name) {

        echo "<center>".stripslashes($row['it_name'])."</center>";

    }</p>

<p>    if ($this->href) {

        echo "</a>\n";

    }

    echo "</li>\n";

    if ($i%4==0){

        echo "</div>\n";

    }

}</p>

<p>if($i == 1) echo "<p class=\"sct_noitem\">µî·ÏµÈ ¸â¹ö°¡ ¾ø½À´Ï´Ù.</p>\n";

?>

</div>

<!-- } Member ³¡ --></p>

<p>

----------------------------------------------------------------------------------

</p>

<p><link rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"></a></p>

<p>

list.member.skin.php에서 위 css를 적용만 하면, preload가 무한로딩됩니다.

</p>

<p>if ($this->view_it_img) {

        echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";

}</p>

<p>

하지만 list.member.skin.php에서 위 코드를 제거하면, 무한로딩 오류가 사라지는데...

저 코드는 이미지 불러오기 위해 꼭필요한 코드라 삭제할수 없네요.

어떻게해야 preload오류를 고칠수 있을까요?

 

 

 

모바일로 들어가셔야 preload문제를 확인이 가능합니다.

모바일에서만 bxslider를 적용했습니다.

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

답변 1개

채택된 답변
+20 포인트
o
6년 전

상단에 아래부분을 주석처리하시고 외부에서 jquery 를 받아 오시고 css 추가해보세요
<script src="http://primeagency.cafe24.com/js/jquery-1.8.3.min.js"></script>
<script src="http://primeagency.cafe24.com/theme/cus/js/plugins/jquery/jquery.min.js"></script>

---> 변경

<!-- <script src="http://primeagency.cafe24.com/js/jquery-1.8.3.min.js"></script>
<script src="http://primeagency.cafe24.com/theme/cus/js/plugins/jquery/jquery.min.js"></script> -->

<!-- 추가 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style>
 .bx-wrapper .bx-loading{display:none !important;}
</style>
<!-- 추가 -->
 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

S
SOHs
6년 전
감사합니다, 외부 jquery를 받아와도 문제는 해결되지 않았지만
<style>
.bx-wrapper .bx-loading{display:none !important;}
</style>
를 사용하니 정상작동하며 문제가 사라졌습니다.

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

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

로그인