메인 이미지 속도 빠르게 하는 방법이요~~
관련링크
본문
소스는 메인에 사진 넘어가는 소스인데요.
좀더 빠르게 넘어 가게 하려면 어디를 수정해야 하나요?
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$sql = " select * from {$g5['board_table']} where bo_table = '{$bo_table}' ";
$board = sql_fetch($sql);
if ($options) list($width, $height, $wrap_width, $content_length) = explode(',', $options);
if (!$width) $width = 1920;
if (!$height) $height = 476;
if (!$content_length) $content_length = 0;
//add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',0);
?>
<!-- Thema내의 중복사용 주석 처리 -->
<!--
<link href="<?=$latest_skin_url?>/css/bootstrap.min.css" rel="stylesheet">
-->
<!-- Thema내의 중복사용 주석 처리 -->
<link href="<?=$latest_skin_url?>/css/slippry.css" rel="stylesheet" />
<link href="<?=$latest_skin_url?>/css/color/default.css" rel="stylesheet" />
<link href="<?=$latest_skin_url?>/style.css" rel="stylesheet" />
<div id="laIntro" class="laMWide_home-slide text-light">
<ul id="valera-slippry">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $width, $height);
?>
<li>
<div><img src="<?php echo $thumb['src']?>" alt="<?=$linker?>"></div>
</li>
<?php
}
if (count($list) == 0) { //게시물이 없을 때 ?>
게시물이 없습니다.
<?php } ?>
</ul>
</div>
<!-- Thema내의 중복사용 주석 처리 -->
<!--
<script src="<?=$latest_skin_url?>/js/jquery.min.js"></script>
<script src="<?=$latest_skin_url?>/js/bootstrap.min.js"></script>
-->
<!-- Thema내의 중복사용 주석 처리 -->
<script src="<?=$latest_skin_url?>/js/slippry.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="<?=$latest_skin_url?>/js/custom.js"></script>
style.css
.laIntro {
width:100%;
position:relative;
padding:0;
}
.brand-heading {
font-size: 2em;
}
.laIntro-text {
font-size: 2em;
}
/* ==== slider ==== */
.sy-caption-wrap {
position: absolute;
bottom: 2em;
top: 45%;
z-index: 12;
left: 50%;
}
$('html, body').animate({scrollTop:he_arr[$(this).attr("idx")]}, 3);
.sy-caption-wrap .sy-caption {
position: relative;
left: -50%;
background-color: transparent;
color: #fff;
text-shadow: -1px 0 1px #111;
font-size: 3.2em;
text-transform: uppercase;
line-height: 1.1em;
text-align: center;
font-weight: 600;
padding: 0;
}
.sy-caption-wrap .sy-caption a {
margin-top: 10px;
}
.sy-slide div a.slide-btn {
border:1px solid #ff0000;
margin-top: 30px;
}
.brand-heading {
font-size: 20px;
}
@media (min-width: 979px) and (max-width: 1200px) {
}
@media (max-width: 767px) {
.sy-controls {
display: block;
}
.sy-controls li {
min-width: 2.1em;
}
.sy-controls li a:after {
width: 1.4em;
height: 1.4em;
}
.sy-caption-wrap .sy-caption {
font-size:1.8em;
}
}
@media (max-width: 480px) {
.sy-caption-wrap {
}
.sy-caption-wrap .sy-caption {
}
.sy-caption-wrap .sy-caption {
font-size:1.3em;
}
}
@media (max-width: 360px) {
}
답변 2
정확하진 않으나
유력해보인는건 딱 1개인거 같은데요
$('html, body').animate({scrollTop:he_arr[$(this).attr("idx")]}, 3);
맨뒤의 숫자 3을 2로 바꿔보세요
!-->