슬라이더 클릭하면 그 게시물로 가게끔 어떻게 하나요..
본문
<?php
// swiper_coverflow
// Author: 휴온(2016)
// URL: www.hnbuilder.net
/* -------------------------------------------------------------
Swiper를 이용한 갤러리 최신글입니다.
[사용법]
// 옵션으로 이미지 width, height를 지정할 수 있습니다.
// 기본 사이즈는 width:50%, height:500px 입니다.
echo latest("swiper_coverflow", "gallery", 10, 0, 1, "600|400");
[plugin]
Swiper: http://idangero.us/swiper/
------------------------------------------------------------- */
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// 이미지 크기
if ($options) {
$tmp = explode("|", $options);
$thumb_width = $tmp[0];
$thumb_height = $tmp[1];
} else {
$thumb_width = 600;
$thumb_height = 400;
}
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/swiper_coverflow.css">', 0);
?>
<link rel="stylesheet" href="<?php echo G5_URL ?>/plugin/swiper/css/swiper.min.css">
<?php if ($options) { ?>
<style>
.swiper-coverflow .swiper-slide {
width: <?php echo $thumb_width; ?>px;
height: <?php echo $thumb_height; ?>px;
}
</style>
<?php } ?>
<!-- Swiper -->
<div class="swiper-container swiper-coverflow">
<div class="swiper-wrapper">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$thumb_url = $thumb['src'];
} else {
$thumb_url = $latest_skin_url."/img/no-image.gif";
}
echo " <div class=\"swiper-slide\" style=\"background-image:url($thumb_url)\"></div>\n";
}
?>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<script src="<?php echo G5_URL ?>/plugin/swiper/js/swiper.min.js"></script>
<script>
var swiper_coverflow = new Swiper('.swiper-coverflow', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
loop: true,
coverflow: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows : true
}
});
</script><!-- /Swiper -->
슬라이더 skin.php 입니다. 여기서 슬라이더 화면을 클릭하면 그 게시물로 가게끔 어떡게 수정하나요
!-->답변 1
echo
" <div class=\"swiper-slide\" style=\"background-image:url($thumb_url)\" onclick=\"location.href='".$list[$i]['href']."'\"></div>\n"
;
답변을 작성하시기 전에 로그인 해주세요.