File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/thetravelbugjaisalmer.com/gallery.php

Back
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="UTF-8"> <meta name="description" content="Hiroto Template"> <meta name="keywords" content="Hiroto, unica, creative, html"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Gallery \| Travel bug Jaisalmer</title> <link rel="icon" type="image/x-icon" href="img/favicon.png"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css'> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="css/elegant-icons.css" type="text/css"> <link rel="stylesheet" href="css/nice-select.css" type="text/css"> <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css"> <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css"> <link rel="stylesheet" href="css/slicknav.min.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> <script nonce="b6192eee-8335-4c8a-a77a-00ddc2276577">(function(w,d){!function(j,k,l,m){j[l]=j[l]\|\|{};j[l].executed=[];j.zaraz={deferred:[],listeners:[]};j.zaraz.q=[];j.zaraz._f=function(n){return async function(){var o=Array.prototype.slice.call(arguments);j.zaraz.q.push({m:n,a:o})}};for(const p of["track","set","debug"])j.zaraz[p]=j.zaraz._f(p);j.zaraz.init=()=>{var q=k.getElementsByTagName(m)[0],r=k.createElement(m),s=k.getElementsByTagName("title")[0];s&&(j[l].t=k.getElementsByTagName("title")[0].text);j[l].x=Math.random();j[l].w=j.screen.width;j[l].h=j.screen.height;j[l].j=j.innerHeight;j[l].e=j.innerWidth;j[l].l=j.location.href;j[l].r=k.referrer;j[l].k=j.screen.colorDepth;j[l].n=k.characterSet;j[l].o=(new Date).getTimezoneOffset();if(j.dataLayer)for(const w of Object.entries(Object.entries(dataLayer).reduce(((x,y)=>({...x[1],...y[1]})),{})))zaraz.set(w[0],w[1],{scope:"page"});j[l].q=[];for(;j.zaraz.q.length;){const z=j.zaraz.q.shift();j[l].q.push(z)}r.defer=!0;for(const A of[localStorage,sessionStorage])Object.keys(A\|\|{}).filter((C=>C.startsWith("_zaraz_"))).forEach((B=>{try{j[l]["z_"+B.slice(7)]=JSON.parse(A.getItem(B))}catch{j[l]["z_"+B.slice(7)]=A.getItem(B)}}));r.referrerPolicy="origin";r.src="../../cdn-cgi/zaraz/sd0d9.js?z="+btoa(encodeURIComponent(JSON.stringify(j[l])));q.parentNode.insertBefore(r,q)};["complete","interactive"].includes(k.readyState)?zaraz.init():j.addEventListener("DOMContentLoaded",zaraz.init)}(w,d,"zarazData","script");})(window,document);</script> <style> #gallery img{ margin-bottom:30px; } </style> </head> <body> <div id="preloder"> <div class="loader"></div> </div> <div class="offcanvas-menu-overlay"></div> <?php include'include/header.php'?> <div class="breadcrumb-option set-bg" data-setbg="img/breadcrumb-bg.jpg"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <div class="breadcrumb__text"> <h1>Gallery</h1> <div class="breadcrumb__links"> <a href="index.php">Home</a> <span>Gallery</span> </div> </div> </div> </div> </div> </div> <section id="gallery"> <div class="container"> <div class="row"> <a href="img/gallery/g1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/g1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/g2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/g2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/1.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/1.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n2.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n2.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/g4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/g4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/13.jpg" class="img-fluid rounded"> </a> </div> <div class="row"> <a href="img/gallery/n-gal/n-9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n-9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n8.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n8.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n9.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n9.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n10.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n10.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n12.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n12.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n13.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n13.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n14.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n14.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n15.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n15.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n16.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n16.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n17.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n17.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n18.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n18.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n19.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n19.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n20.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n20.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/n21.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/n21.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/g3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/g3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/3.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/3.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/4.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/5.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/5.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/6.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/6.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/7.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/7.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/n-gal/11.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/n-gal/11.jpg" class="img-fluid rounded"> </a> <a href="img/gallery/g4.jpg" data-toggle="lightbox" data-gallery="gallery" class="col-md-4"> <img src="img/gallery/g4.jpg" class="img-fluid rounded"> </a> </div> </div> </section> <div class="empty"></div> <script> // Gallery image hover $( ".img-wrapper" ).hover( function() { $(this).find(".img-overlay").animate({opacity: 1}, 600); }, function() { $(this).find(".img-overlay").animate({opacity: 0}, 600); } ); // Lightbox var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>'); var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>'); var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>'); // Add overlay $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton); $("#gallery").append($overlay); // Hide overlay on default $overlay.hide(); // When an image is clicked $(".img-overlay").click(function(event) { // Prevents default behavior event.preventDefault(); // Adds href attribute to variable var imageLocation = $(this).prev().attr("href"); // Add the image src to $image $image.attr("src", imageLocation); // Fade in the overlay $overlay.fadeIn("slow"); }); // When the overlay is clicked $overlay.click(function() { // Fade out the overlay $(this).fadeOut("slow"); }); // When next button is clicked $nextButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").next().find("img")); // All of the images in the gallery var $images = $("#image-gallery img"); // If there is a next image if ($nextImg.length > 0) { // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); } else { // Otherwise fade in the first image $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800); } // Prevents overlay from being hidden event.stopPropagation(); }); // When previous button is clicked $prevButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").prev().find("img")); // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); // Prevents overlay from being hidden event.stopPropagation(); }); // When the exit button is clicked $exitButton.click(function() { // Fade out the overlay $("#overlay").fadeOut("slow"); }); </script> <?php include'include/footer.php'?> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.nice-select.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/jquery.slicknav.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/main.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-23581568-13'); </script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8b253dfea2ab4077af8c6f58422dfbfd1689876627854" integrity="sha512-bjgnUKX4azu3dLTVtie9u6TKqgx29RBwfj3QXYt5EKfWM/9hPSAI/4qcV5NACjwAo8UtTeWefx6Zq5PHcMm7Tg==" data-cf-beacon='{"rayId":"80eafeaed9ce493c","version":"2023.8.0","b":1,"token":"cd0b4b3a733644fc843ef0b185f98241","si":100}' crossorigin="anonymous"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js'></script> <script> $(document).on("click", '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox(); }); </script> </body> </html>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings