bxslider적용 preload 무한루프
관련링크
본문
-index.php-
<!-- 모바일 최근인재 -->
<div class="mobileon">
<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>
-list.member.skin.php-
<?php
if (!defined('_GNUBOARD_')) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
// add_stylesheet('css ±¸¹®', Ãâ·Â¼ø¼); ¼ýÀÚ°¡ ÀÛÀ» ¼ö·Ï ¸ÕÀú Ãâ·ÂµÊ
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_SKIN_URL.'/style.css">', 0);
?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script>
$(document).ready(function(){
$('.slider').bxSlider({
mode: 'horizontal',// 가로 방향 수평 슬라이드
speed: 500, // 이동 속도를 설정
pager: true, // 현재 위치 페이징 표시 여부 설정
auto: true, // 자동 실행 여부
autoHover: true, // 마우스 호버시 정지 여부
controls: true, // 이전 다음 버튼 노출 여부
preloadImages: 'all'
});
});
</script>
<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";
}
if ($this->view_it_img) {
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
}
if ($this->href) {
echo "</a>\n";
}
if ($this->href) {
echo "<a style=\"color:#fff\" href=\"{$this->href}{$row['it_id']}\">\n";
}
if ($this->view_it_name) {
echo "<center>".stripslashes($row['it_name'])."</center>";
}
if ($this->href) {
echo "</a>\n";
}
echo "</li>\n";
if ($i%4==0){
echo "</div>\n";
}
}
if($i == 1) echo "<p class=\"sct_noitem\">µî·ÏµÈ ¸â¹ö°¡ ¾ø½À´Ï´Ù.</p>\n";
?>
</div>
<!-- } Member ³¡ -->
----------------------------------------------------------------------------------
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
list.member.skin.php에서 위 css를 적용만 하면, preload가 무한로딩됩니다.
if ($this->view_it_img) {
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
}
하지만 list.member.skin.php에서 위 코드를 제거하면, 무한로딩 오류가 사라지는데...
저 코드는 이미지 불러오기 위해 꼭필요한 코드라 삭제할수 없네요.
어떻게해야 preload오류를 고칠수 있을까요?
모바일로 들어가셔야 preload문제를 확인이 가능합니다.
모바일에서만 bxslider를 적용했습니다.
!-->!-->!-->!-->답변 1
상단에 아래부분을 주석처리하시고 외부에서 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>
<!-- 추가 -->