403Webshell
Server IP : 210.245.233.93  /  Your IP : 216.73.216.226
Web Server : Apache/2.2.15 (CentOS)
System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64
User : apache ( 48)
PHP Version : 5.3.3
Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /var/www/hkosl.com/eba/view/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /var/www/hkosl.com/eba/view/eventlist.php
<!DOCTYPE html>

<html lang="en-HK" prefix="og: http://ogp.me/ns#">




<head>
    <title>歷屆花絮</title>
    <!-- css -->

    <?php include 'inc/headlinks.php';?>
    <link rel="stylesheet" href="/eba/assets/css/gallary.css">
    <!-- js -->

    <?php include 'inc/link-js.php';?>

</head>


<body>


    <!-- header -->

    <?php include 'inc/navbar.php';?>

    <!-- end of header-->



    <!-- breadcrumb -->


    <div class="breadcrumb" style="background-color:#b68455; background-image:url(/eba/assets/images/countbg.png);">

        <div class="breadcrumbWrapper">
            <div class="container">
                <div class="breadcrumbLink">
                    <a href="index.php" class="text-white bigfont"> 首頁</a>
                </div>
                <p class="breadcrumbTitle text-center m-3 h3">歷屆花絮</p>

            </div>
        </div>

    </div>


    <section class="contentWrap">
        <div class="contentContainer">



            <ul class="nav tabNav">

        
                <li class="nav-item">
                    <a class="nav-link tabNavItem active " href="#" data-year="2022">2022</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link tabNavItem" href="#" data-year="2021">2021</a>
                </li>
            </ul>
            <div class="d-flex flex-wrap justify-content-between mb-4 align-items-center">
                <h1 class="text-pramiry mb-4 awardTitle">2022飛越品牌企業大獎</h1>



                <div class="btn-group btn-group-lg mb-4" role="group" aria-label="Basic radio toggle button group">
                    <input type="radio" class="btn-check" name="btnradio" id="btnradio1"  value="photo" checked>
                    <label class="btn btn-outline-primary" for="btnradio1">照片</label>

                    <input type="radio" class="btn-check" name="btnradio" id="btnradio2" value="video">
                    <label class="btn btn-outline-primary" for="btnradio2">短片</label>


                </div>
            </div>

            <div class="tabcontent tz-gallery">
                <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 gallery-grid gallaryWrap">


                </div>






            </div>


        </div>

    </section>



    <!-- end #section -->


    <!-- footer -->

    <?php include 'inc/footer.php'; ?>





    <script type="text/javascript" src="/eba/assets/js/gallery.js"></script>



    <script>
    $(function() {


        getYear("2022");


    });
    $('input[name="btnradio"]').on('change', function() {
        var selectedType = $(this).val();


        console.log(selectedType);
        var galleryItems = $(".gallaryWrap .gallery-item");

        galleryItems.each(function() {
            var itemType = $(this).hasClass("photo") ? "photo" : "video";

            if (itemType === selectedType) {
                $(this).removeClass("hide");
            } else {
                $(this).addClass("hide");
            }
        });
    });
    document.querySelectorAll('.lightbox').forEach(el => el.addEventListener('click', Lightbox.initialize));

    $('.tabNavItem').on('click', function() {
        var y = $(this).data('year');
        $('.tabNavItem').removeClass('active');
        $(this).addClass('active');


        $(".gallaryGroup").fadeOut(300, function() {
            $(this).remove();

        });
        $('input[name="btnradio"]').prop('checked', false);
        $('input[name="btnradio"][value="photo"]').prop('checked', true);
        getYear(y);

    });


    function getYear(year) {

        $.ajax({
            url: "/eba/assets/json/event.json",
            type: "get",

            data: {},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: false,

            success: function(data) {

                var list = data[year];


                $('.awardTitle').text(`${list[0].title}`);

                console.log(list);
                $.each(list[0].gallary, function(index, item) {
                    var awardHTML = `
                    <div class="gallaryGroup"> 
                   <a class="lightbox gallery-item photo" href="${item.photo}">
                        <img src="${item.photo}" alt="" class="img-fluid">
                    </a>

                    ${item.video?` <a class="lightbox gallery-item video hide" target="_blank" href="${item.videourl}">
                        <img src="${item.video}" alt="" class="img-fluid">
                        
                    </a>`:"" }
                    </div>
                `;
                    $(".gallaryWrap").append(awardHTML);
                });
                baguetteBox.run('.tz-gallery');

            },
            error: function(xhr, status, errorThrown) {
                console.log(errorThrown + "\n" + status + "\n" + xhr.statusTex);
            },
        });

    }
    </script>

</body>







</html>

Youez - 2016 - github.com/yon3zu
LinuXploit