그누보드 썸네일 슬라이드 소스

*product 게시판 view 소스 

   - pager 썸네일이 background로 들어감

<div class="prodWrap">
		<div class="prod02">

			<h2 id="bo_v_title">
				<?php if ($category_name) { ?>
				<div class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></div> 
				<?php } ?>
				<div><?php echo cut_str(get_text($view['wr_subject']), 70); ?></div> 
			</h2>
			<?php if ($view['wr_1']) { ?><div class="sbjB1"><?php echo $view['wr_1']?></div><?php } ?>
			<ul>
				<?php if ($view['wr_2']) { ?><li><?php echo $view['wr_2']?></li><?php } ?>
			</ul>

		</div>
		<div class="prod01">
		<?php if ($view[file][1][file]) {?>
		<?php
		// 파일 출력
		$v_img_count = count($view['file']);
		if($v_img_count) {
			echo "<ul id='bigphoto'>\n";

			for ($i=0; $i<=count($view['file']); $i++) {
				$image[$i] = G5_URL."/data/file/$bo_table/".$view[file][$i][file];
				if ($view['file'][$i]['view']) {
				?>
					<li><a><img src="<?php echo $image[$i]?>"  alt="<?php echo $view['wr_subject']; ?>"></a></li>
				<?php
				}
			}

			echo "</ul>\n";
		}
		 ?>

		<?php
		// 파일 출력
		if($v_img_count) {
			echo "<div class='smallphoto'>\n";
			for ($i=0; $i<=count($view['file']); $i++) {
				if ($view['file'][$i]['view']) {
				?>
					<a data-slide-index="<?php echo $i?>" style="background-image:URL(<?php echo $image[$i]?>);"></a>
				<?php
				}
			}
			echo "</div>\n";
		}
		?>

		<?php } else if ($view[file][0][file]) { 
			
			$image[0] = G5_URL."/data/file/$bo_table/".$view[file][0][file];
			?>
			<ul class="bigphoto">
				<li><a><img src="<?=$image[0]?>"  alt="<?php echo $view['wr_subject']; ?>"></a></li>
			</ul>
		<?php } else {?>
			<ul class="bigphoto">
				<li><a class="bigphotoNoimg"><img src="<?php echo G5_THEME_URL ?>/plugin/websiting/imageSpacer.php?w=100&h=100" alt="이미지 없음"><b>no image</b></a></li>
			</ul>
		<?php } ?>

		
		<script src="<?php echo G5_THEME_URL ?>/plugin/bxslider/jquery.bxslider.min.js"></script>
		<script>
			$('#bigphoto').bxSlider({
				useCSS: false,
				adaptiveHeight: true,
				pagerCustom: '.smallphoto',
				auto: false
			});
		</script>

		</div>
	</div>

 

 

*product 게시판 view 소스 수정

- pager 썸네일이 img로 들어감, pager 클릭 시 img 팝업 뜨는 것 제거

<div class="prodWrap">
		<div class="prod01">
		<?php if ($view[file][1][file]) {?>
		<?php
		// 파일 출력
		$v_img_count = count($view['file']);
		if($v_img_count) {
			echo "<ul id='bigphoto'>\n";

			for ($i=0; $i<=count($view['file']); $i++) {
				$image[$i] = G5_URL."/data/file/$bo_table/".$view[file][$i][file];
				if ($view['file'][$i]['view']) {
				?>
					<li><a><img src="<?php echo $image[$i]?>"  alt="<?php echo $view['wr_subject']; ?>"></a></li>
				<?php
				}
			}

			echo "</ul>\n";
		}
		 ?>

		<?php
		// 파일 출력
		if($v_img_count) {
			echo "<div class='smallphoto'>\n";
			for ($i=0; $i<=count($view['file']); $i++) {
				if ($view['file'][$i]['view']) {
				?>
					<a data-slide-index="<?php echo $i?>" style="background-image:URL();"><img src="<?php echo $image[$i]?>" alt="" /></a>
				<?php
				}
			}
			echo "</div>\n";
		}
		?>

		<?php } else if ($view[file][0][file]) { 
			
			$image[0] = G5_URL."/data/file/$bo_table/".$view[file][0][file];
			?>
			<ul class="bigphoto">
				<li><a><img src="<?=$image[0]?>"  alt="<?php echo $view['wr_subject']; ?>"></a></li>
			</ul>
		<?php } else {?>
			<ul class="bigphoto">
				<li><a class="bigphotoNoimg"><img src="<?php echo G5_THEME_URL ?>/plugin/websiting/imageSpacer.php?w=100&h=100" alt="이미지 없음"><b>no image</b></a></li>
			</ul>
		<?php } ?>

		
		<script src="<?php echo G5_THEME_URL ?>/plugin/bxslider/jquery.bxslider.min.js"></script>
		<script>
			$('#bigphoto').bxSlider({
				useCSS: false,
				adaptiveHeight: true,
				pagerCustom: '.smallphoto',
				auto: false
			});
		</script>

		</div>
	</div>
		<?php 
		// 유투브 링크 시작
		// 유투브 공유 링크가 있을때만 표시됩니다
		// ex. https://youtu.be//게시글아이디
		if(isset($view['link'][1]) && $view['link'][1]) { 
 
			$cnt = 0;
			for ($i=1; $i<=count($view['link']); $i++) {
				if ($view['link'][$i]) {
					$youtubeID[$i] = $view['link'][$i]; 
					$youtubeID[$i] = explode('/',$youtubeID[$i]); 
					if($youtubeID[$i][2] == "youtu.be") {
				?>
				<div class="youtube_area"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/<?php echo $youtubeID[$i][3]; ?>" frameborder="0" allowfullscreen></iframe></div>
				<?php
					}
				}
			}
		} 
		//유투브 링크 끝
		?>
        
        <?//php
        // 파일 출력
       /* $v_img_count = count($view['file']);
        if($v_img_count) {
            echo "<div id=\"bo_v_img\">\n";

            for ($i=0; $i<=count($view['file']); $i++) {
                if ($view['file'][$i]['view']) {
                    //echo $view['file'][$i]['view'];
                    echo get_view_thumbnail($view['file'][$i]['view']);
                }
            }

            echo "</div>\n";
        }*/
        ?>