배너최신글 클릭이동
본문
트리플님의 https://sir.kr/g5_skin/29645#c_30179 배너형식 최신글 입니다.
이미지가 나오는데, 클릭을 할수 없어서
클릭하면 본게시물로 넘어가려면 어느 부분을 수정해야할까요?
고수님들의 도움의 손길 부탁드립니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
//slick-1.8.1
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/slick/slick.css">', 0);
add_javascript('<script src="'.$latest_skin_url.'/slick/slick.min.js"></script>', 10);
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$options['slider_width'] = (isset($options['slider_width']) && $options['slider_width']) ? $options['slider_width'] : 250;
$options['slider_height'] = (isset($options['slider_height']) && $options['slider_height']) ? $options['slider_height'] : 80;
$options['speed'] = (isset($options['speed']) && $options['speed']) ? $options['speed'] : 400;
$options['autoplayspeed'] = (isset($options['autoplayspeed']) && $options['autoplayspeed']) ? $options['autoplayspeed'] : 5000;
$options['arrows'] = (isset($options['arrows']) && $options['arrows']) ? $options['arrows'] : '';
$thumb_width = 253;
$thumb_height = 80;
?>
<style>
.header-slick-banner .slick-slider{
width:<?php echo $options['slider_width'];?>px;
height:<?php echo $options['slider_height'];?>px !important;
padding-top:0px;
position:relative;
}
</style>
<div class="header-slick-banner">
<div data-vertical="true" data-speed="<?php echo $options['speed'];?>" data-autoplayspeed="<?php echo $options['autoplayspeed'];?>" hover="true" arrows="wht-v-s" arrowsarea="v-in-44" dots="circle-s" dotsarea="in-t-l" class="top-quick-list-banner slick-slider">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';
if($list[$i]['wr_link1']){
//$list[$i]['href'] = $list[$i]['wr_link1'];
}
?>
<div class="slider-loop"><a href="<?php echo $list[$i]['href'] ?>" target="<?php echo ($list[$i]['wr_link1'])?'_black':'';?>"><?php echo $img_content; ?></a></div>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<div class="sp-slider-loop"><a href="#"><img src='<?php echo $latest_skin_url;?>/img/left_top_banner01.png' /></a></div>
<?php } ?>
</div>
</div>
<script type="text/javascript">
$(document).on('ready', function() {
$(".top-quick-list-banner").slick({
dots: true,
vertical: true,
arrows: <?php echo $options['arrows'];?>,
speed: <?php echo $options['speed'];?>,
autoplay: true,
autoplaySpeed: <?php echo $options['autoplayspeed'];?>
});
});
</script>
답변 1
원래는 클릭하면 본 게시물로 이동하도록 되어 있습니다.
혹시 안되신다면, 다른 레이어로 덮여있어서 그런것 같네요.
style.css 에서 header-slick-banner {z-index:9999;} 와 같이
z-index를 추가해서 숫자를 크게 입력해보세요
답변을 작성하시기 전에 로그인 해주세요.