0byt3m1n1-V2

Path: /home/xncercjb/domains/quickspace.co.th/public_html/portfolio/ [ Home ]
File: view.php
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php 
	include("../admin/include/connect.php");
	include("../include/function.php");
$main_id = $_GET['main_id'];
	$main_id = mysql_real_escape_stringx( $_GET['main_id'] ); //php5
	$cate = mysql_real_escape_stringx( $_GET['cate']?$_GET['cate']:0 );
	$subcate = mysql_real_escape_stringx( $_GET['subcate']?$_GET['subcate']:0);
	
	$sql_even="SELECT * FROM tb_customer WHERE data_id ='$main_id' ";
	$result_even = mysql_queryx($sql_even);
	while($r=mysql_fetch_arrayx($result_even)){
		$data_id=sprintf("%d",$r['data_id']);
		$data_name=$r[$table['data_name']];
		$data_title=$r[$table['data_title']];
		$data_type=$r[$table['data_type']];
		$data_model=$r[$table['data_model']];
		$data_detail=$r[$table['data_detail']];
		$data_pdf=$r[$table['data_pdf']];
		$data_vdo=$r[$table['data_vdo']];
		
		$data_date=$r['data_date'];
		
		$data_detail = str_replace("&prime;","'",$data_detail);
		$data_detail = str_replace('&quot;','"',$data_detail);
	}
	echo '<title>'.$data_name.'</title>';
	include("../include/title.inc.php"); 

?>
<link href="../css/bootstrap.css" rel="stylesheet" crossorigin="anonymous">
<link href="../css/all.min.css" rel="stylesheet">	
<link href="../css/jquery.fancybox.min.css" rel="stylesheet">
<link href="../css/animate.min.css" rel="stylesheet">   
<link href="../css/owl.carousel.min.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet" crossorigin="anonymous">
<link href="../css/style-sm.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php
	$current_page= 3 ;
	include("../include/nav.inc.php");
?>
<div class="all-container">

    <div class="content-pageother">
    
        <div class="container">
        
            <div class="title-otherpage">
                <h1><?=$data_name?></h1>
                <p> quickspace </p>
            </div>    
            
            
            
            <div class="row justify-content-center">
                <div class="col-12 col-md-6">      
                    <div class="slide-productview">
                        <div class="outer"> 
                            <div id="big" class="owl-carousel owl-theme mb-3"> 
                            <?php
                                $sql_img="SELECT *, IF(imag_sort=0,99999,imag_sort) AS order2  FROM tb_customer_images WHERE imag_mainID='$main_id' ORDER BY order2 ASC ";
                                $result_i=mysql_queryx($sql_img);
                                $allimg = mysql_num_rowsx($result_i);	
                                while($r_i=mysql_fetch_arrayx($result_i)){
                                    $imag_id=$r_i['imag_id'];
                                    $imag_file=$r_i['imag_file'];
                                    $imag_name=$r_i[$txt['data_imagname']];
                                    
                                    if(!empty($imag_file)){
                                        $imag_large ="$server_file/customer/large/$imag_file";
                                    }else{
                                     $imag_large ="../images/nopic.png";
                                    }
                                    
                                    echo '<div class="item"><a href="'.$imag_large.'" data-fancybox="gallery" data-caption="'.$imag_name.'" ><img src="'.$imag_large.'"></a></div>';
                                }
                            ?>   
                            
                            </div>
                            <?php if($allimg > 1){ ?>
                            
                            <div id="thumbs" class="owl-carousel owl-theme mb-5">
                            <?php
                                $result_ismall=mysql_queryx($sql_img);
                                while($r_is=mysql_fetch_arrayx($result_ismall)){
                                    $imags_id=$r_is['imag_id'];
                                    $imags_file=$r_is['imag_file'];
                                    $imags_name=$r_is[$txt['data_imagname']];
                                    
                                    if(!empty($imags_file)){
                                        $imag_small ="$server_file/customer/large/$imags_file";
                                    }else{
                                        $imag_small ="../images/nopic.png";
                                    }
                                    
                                    echo '<div class="item"><img src="'.$imag_small.'"></div>';
                                }
                            ?>   
                            </div><!--thumbs-->     
                            
                            <?php } ?> 
                        </div>                        
                    </div>
                </div>
                
                <div class="col-12 col-md-6">  
					<?php if(!empty($data_type)){ ?>
                        <div><?=$txt['textdata-14']?> : <?=$data_type?></div>
                    <?php } ?>
                    
                    <?php if(!empty($data_model)){ ?>
                        <div><?=$txt['textdata-13']?> : <?=$data_model?></div>
                    <?php } ?>
                    
                    <?php if(!empty($data_title)){ ?>
                        <div><?=$txt['textdata-10']?> : <?=$data_title?></div>
                    <?php } ?>
                    
                    
                </div>
            </div>
            
            <?php if(!empty($data_detail)){ ?>
            	<div class="detail-news"><p><?=$data_detail?></p></div>
            <?php } ?>
                
            
            <div class="row mb-5">
        
                        
                <?php if(!empty($data_pdf)){ ?> 
                <div class="col-12">  
                    <div class="downloadfile-btn"><a href="<?=$server_web?>/album/customer/pdf/<?=$data_pdf?>" target="_blank"><i class="fas fa-file-download"></i> <?=$txt['textdata-6']?> PDF</a></div>
                </div>
                <?php } ?>
                
                <?php if(!empty($data_vdo)){ ?> 
                <div class="col-8 offset-2">  
                    <iframe width="100%" height="350" src="https://www.youtube.com/embed/<?=$data_vdo?>" frameborder="0" allowfullscreen></iframe>
                </div>
                <?php } ?>
                
        
             <!--   <?php   
                    if($_SESSION['sess_lang'] == "EN" ){ 
                        echo '<div class="col-12 mt-2 text-right">Date : '.displaydateEN($data_date).'</div>';
                    }else{
                        echo '<div class="col-12 mt-2 text-right">วันที่ '.displaydate($data_date).'</div>';
                    }
                ?>-->
        
        	</div>
        
                            
       
        </div>
        
    </div>

	<?php include("../include/footer.inc.php"); ?>

</div><!--all-container-->

<script src="../js/popper.js"></script>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/script.js"></script>   
<script src="../js/all.min.js"></script>
<script src="../js/scrollreveal.min.js" type="text/javascript" ></script> 
<script src="../js/jquery.fancybox.min.js"></script>
<script src="../js/owl.carousel.min.js"></script>  
<script src="../js/wow.min.js"></script>   
<script>   
$(document).ready(function() {
	//activate wow.js
	new WOW().init();   
});

$(document).ready(function() {
	
	var bigimage = $("#big");
	var thumbs = $("#thumbs");
	var syncedSecondary = true;
	
	bigimage.owlCarousel({
		items: 1,
		slideSpeed: 5000,
		nav: false,
		autoplay: false,
		dots: false,
		loop: true,
		responsiveRefreshRate: 200,
	/*navText: ['<i class="fas fa-arrow-left" aria-hidden="true"></i>','<i class="fas fa-arrow-right" aria-hidden="true"></i>']*/
	})
	.on("changed.owl.carousel", syncPosition);
	thumbs.on("initialized.owl.carousel", function() {
	thumbs.find(".owl-item").eq(0).addClass("current");
	})
	.owlCarousel({
		items: 5,
		dots: false,
		nav: true,
		navText: ['',''],
		smartSpeed: 200,
		slideSpeed: 500,
		slideBy: 1,
		margin:10,
		responsiveRefreshRate: 100
	}).on("changed.owl.carousel", syncPosition2);
	
	function syncPosition(el) {
	
	var count = el.item.count - 1;
	var current = Math.round(el.item.index - el.item.count / 2 - 0.5);
	
	if (current < 0) {current = count;}
	if (current > count) {current = 0; }
	
	thumbs.find(".owl-item").removeClass("current").eq(current).addClass("current");
	
	var onscreen = thumbs.find(".owl-item.active").length - 1;
	var start = thumbs.find(".owl-item.active").first().index();
	var end = thumbs.find(".owl-item.active").last().index();
	
	if(current > end) {
	thumbs.data("owl.carousel").to(current, 100, true);
	}
	if(current < start) {
	thumbs.data("owl.carousel").to(current - onscreen, 100, true);
	}
	
	}
	
	function syncPosition2(el) {
	if (syncedSecondary) {
	var number = el.item.index;
	bigimage.data("owl.carousel").to(number, 100, true);
	}
	}
	
	thumbs.on("click", ".owl-item", function(e) {
	e.preventDefault();
	var number = $(this).index();
	bigimage.data("owl.carousel").to(number, 300, true);
	});
});

</script>  
      
</body>
</html>