밑에처럼 했는데 사진이 안나오는데요^^;;
<?
$path="./board/data/file/1111";
$entrys = array();
$dirs = dir($path);
while(false !== ($entry = $dirs->read())){
if(($entry != '.') && ($entry != '..')) {
if(!is_dir($path.'/'.$entry)) {
$entrys[] = $entry;
}
}
}
$dirs->close();
?>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<?
asort($entrys);
foreach (glob('data/file/1111/*') as $v)
if (strpos($v, 'thumb-') !== false) $files[] = $v;
foreach( $entrys as $img ) {
?>
<div class="swiper-slide" style="background-image:url(./board/data/file/1111/<?=$img?>);"></div>
<?
}
?>
</div>
</div>
<!--trendbook slide 끝 -->
<!-- Swiper JS -->
<script src="../JS/swiper.js" type="text/javascript"></script>
<script src="../JS/swiper.min.js" type="text/javascript"></script>
<!-- Initialize Swiper -->
<script>
var galleryThumbs = new Swiper('.gallery-thumbs', {
spaceBetween: 5,
slidesPerView: 5,
touchRatio: 0.2,
loop:true,
loopedSlides: 5, //looped slides should be the same
slideToClickedSlide: true
});
galleryTop.params.control = galleryThumbs;
</script>