이미지 아래에 제못 나오게 하고 싶은데 어떻게 하면 될까요?
본문
구강류에서 이미지가 지나가는 소스입니다.
이미지 아래에 제못 나오게 하고 싶은데 어떻게 하면 될까요?
아래는 소스입니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$thumb_width = 190;
$thumb_height = 170;
/*
프로젝트명 : 시즌10' CREATE GNUBOARD SKIN
스킨튜닝개발자 : 흑횽TM
개발자사이트주소 : http://shoponex.com/?theme=skin
라이선스 : 오픈소스 플러그인 라이선스 참고.
기타 라이선스 : 그누보드 사이트 (sir.kr)를 제외한 타 사이트에서 재배포 금지.
*/
?>
<style type="text/css">
.title { font-size: 20px;
font-family:나눔고딕, NanumBarunGothic, 나눔바른고딕, 굴림, 돋움;
font-weight:600;
color:#333;
}
.titlemenu{
font-family:나눔고딕, NanumBarunGothic, 나눔바른고딕, 굴림, 돋움;
font-size: 16px;
font-weight:600;
color:#333;
}
.title0 {
font-family:나눔고딕, NanumBarunGothic, 나눔바른고딕, 굴림, 돋움;
font-weight:600;
color:#333;
}
</style>
<div class="wide-container">
<div id="slides">
<nav class="slides-navigation4"></nav>
<nav class="slides-navigation2"></nav>
<ul class="slides-container">
<?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";
$list[$i]['subject'];
}
?>
<li><img src="<?php echo $thumb['src']?>" class="borderImage slickHoverVideoAnimate" id="comShoponexLatest02_<?php echo $i?>"alt="" /></li>
<?php } ?>
</ul>
<nav class="slides-navigation">
<a href="#" class="next"><i class="fa fa-chevron-right"></i></a>
<a href="#" class="prev"><i class="fa fa-chevron-left"></i></a>
</nav>
</div>
</div>
<script src="<?=$latest_skin_url?>/js/jquery.easing.1.3.js"></script>
<script src="<?=$latest_skin_url?>/js/jquery.animate-enhanced.min.js"></script>
<script src="<?=$latest_skin_url?>/js/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function() {
$('#slides').superslides({
inherit_width_from: '.wide-container',
inherit_height_from: '.wide-container',
hashchange: false,
play: 4000
});
$('#slides').on('mouseenter', function() {
$(this).superslides('stop');
console.log('Stopped')
});
$('#slides').on('mouseleave', function() {
$(this).superslides('start');
console.log('Started')
});
});
</script>
답변 1
<?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";
}
?>
<li><img src="<?php echo $thumb['src']?>" class="borderImage slickHoverVideoAnimate" id="comShoponexLatest02_<?php echo $i?>"alt="" /><?php echo $list[$i]['subject']; ?></li>
<?php } ?>
이렇게하시면될것같네요 물론 스타일은 저기 굵은부분을 뭐 span으로 감싸든지해서 원하시는 css로 지정하시면될것같습니다