최신글 코드를 제이쿼리로 하려고 하는데요
본문
제이쿼리 코드가 이런식인데
<script type="text/javascript" src="slick/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<div class="your_class">
<div>slide1</div>
<div>slide2</div>
<div>slide3</div>
</div>
<script>
$('.your_class').slick({
autoplay: true,
autoplaySpeed: 4000,
dots: true
});
</script>
div안에다가 사진 한장한장씩 넣어야되는건가여?
보통 최신글 코드는 저런식이 아닌데
만약 이 코드를 이용해서 최신글을 하려고 한다면
어떻게 해야되나여?
저렇게만 넣으면
슬라이드 형태로
slide1
slide2
slide3
이렇게 보여지기는 합니다
하지만 최신글 코드는 하나하나 넣는게 아니니 어떻게 적용을 해야될까요?
<ul class="latest-ziney-hover" style="<?php echo $ul_style; ?>">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li><?php
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $width, $height);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img">';
} else {
$img_content = '<span class="img" style="width:'.$width.'px; height:'.$height.'px">No image</span>';
}
echo $img_content;
?>
<i></i><a href="<?php echo $list[$i]['href']; ?>" class="link"><?php echo $list[$i]['subject']; ?></a></li>
<?php
}
if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="nodata">게시물이 없습니다.</li>
<?php } ?>
</ul>
!-->
답변 2
ul li 만 변경하시면 됩니다
latest.skin.php 이용하시려는 것이면
latest.skin.php 에 아래내용을 붙여넣기 하시고요.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>
<!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
<div class="slick">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 100 , 100); //100 100은 넓이 높이
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img">';
} else {
$img_content = '<span class="img" style="width:'.$width.'px; height:'.$height.'px">No image</span>';
}
echo '<div><a href="'.$list[$i]['href'].'" class="link">';
echo $img_content;
echo $list[$i]['subject'];
echo '</a></div>';
}
if (count($list) == 0) { //게시물이 없을 때
}
?>
</div>