ok

Mini Shell

Direktori : /home/importfo/public_html/rinaankola.in/
Upload File :
Current File : /home/importfo/public_html/rinaankola.in/g.php

<?php include("admin/config.php");?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Zoom</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<base href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3561/" target="_blank">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3561/jquery.magnific-popup.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3561/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3561/magnific-popup.css">




<style>
.container--gallery {
  margin-top: 40px;
  margin-bottom: 40px;
}
.container--gallery .row {
  margin-left: -4px;
  margin-right: -4px;
}
.container--gallery [class*="col-"] {
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 8px;
}
.photo-zoom {
  outline: 0;
  overflow: hidden;
  position: relative;
  display: block;
  height: 230px;
}
.photo-zoom img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
[class*="-1"]:not([class*="-10"]):not([class*="-11"]):not([class*="-12"])
  .photo-zoom
  img,
[class*="-2"] .photo-zoom img,
[class*="-3"] .photo-zoom img {
  width: auto;
  height: 100%;
}
.image-source-link {
  color: #98c3d1;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  transition: all 0.23s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

</style>

</head>
<body>
    
    
 <div class="container container--gallery">
  <div class="row">
  <?php
                            $sql="SELECT * from cgallery";
                            $res=mysqli_query($db,$sql);
                            while($row=mysqli_fetch_array($res))
                            {
                        ?>
    <div class="col-sm-6">
      <a class="photo-zoom" href="Moscow_025.jpg">
        <img src="../admin/upload/<?php echo $row['app_image']; ?>" alt="" />
      </a>
    </div>

   
<?php } ?>

  </div>
</div>


<script>
  
$(document).ready(function () {
  $(".container--gallery").magnificPopup({
    delegate: "a",
    type: "image",
    mainClass: "mfp-with-zoom mfp-img-mobile",
    image: {
      verticalFit: true
    },
    gallery: {
      enabled: true
    },
    zoom: {
      enabled: true,
      duration: 230,
      opener: function (element) {
        return element.find("img");
      }
    }
  });
});

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

Zerion Mini Shell 1.0