File Manager

X7ROOT File Manager

Current Path: /home/jeyam/public_html

📁 ..
📄 .htaccess(63 B)
📁 34d6b3b3
📄 MELARA_RfZtOnHN.php(6.48 KB)
📁 _errorpages
📄 about.php(4.23 KB)
📄 admin.php(4.23 KB)
📄 arwewu.php(3.89 KB)
📁 assets
📄 contact.php(4.76 KB)
📄 d1tcrk.php(3.89 KB)
📄 efamp6.php(4.7 KB)
📄 footer.php(19.69 KB)
📄 gallery.php(8.79 KB)
📄 header.php(13.7 KB)
📄 index.php(13.25 KB)
📁 ktgadmin
📁 roofing
📄 roofing.php(5.13 KB)
📄 services.php(4.2 KB)
📄 steels.php(5.13 KB)
📄 style.css(1.02 KB)
📁 uploads
📄 v3nx3j.php(1.4 KB)
📄 videos.php(2.76 KB)
📄 wpzrxs.php(3.89 KB)

Editing: gallery.php

<?php include('header.php'); ?>
    <link rel="stylesheet" href="style.css">

<section id="blog-area" class="blog-style1-area" style="padding: 30px 0 60px;">
    <div class="container">
        <div class="row">
                
            <div class="filters filter-button-group">
				<ul>
					<li class="active"><a href="javascript:void(0);" data-filter="*">All</a></li>
					<?php 
								  $i =1;
								  $sql_view = mysqli_query($conn,"select * from tbl_gallery_with_filter_category where delete_status='NDL'");
								  while($sql_view_fetch = mysqli_fetch_assoc($sql_view)){ 
							  ?>
					<li><a href="javascript:void(0);" data-filter="<?php echo $i; ?>"><?php echo $sql_view_fetch['title']; ?></a></li>
					<?php 
							$i++;
							}
							?>
				</ul>
			</div>
			<div id="container" class="isotope">
					<?php 
						  $k =1;
						  $sql_view = mysqli_query($conn,"select * from tbl_gallery_with_filter_category where delete_status='NDL'");
						  while($sql_view_fetch = mysqli_fetch_assoc($sql_view)){ 
					?>
					<?php  														
						$sql="SELECT * from tbl_gallery_with_filter_category t1 inner join tbl_gallery_with_filter t2 on t1.gal_cat_id=t2.gal_cat_id where t1.delete_status='NDL' and t2.delete_status='NDL' and t1.gal_cat_id='".$sql_view_fetch['gal_cat_id']."'";	
						$resul = $conn->query($sql);  
						$j=1;
						while($row = $resul->fetch_assoc()) {
					?>
				<div class="grid-item" data-filter="<?php echo $k; ?>">
					<a class="popupimg" href="ktgadmin/userdata/images/gallery/<?php echo $row['imgname']; ?>">
						<img src="ktgadmin/userdata/images/gallery/<?php echo $row['imgname']; ?>" style="height: 300px;object-fit:cover;" alt="Jeyam Groups Gallery Photos">
					</a>
					<div class="overlay"></div>
				</div>
						<?php 
							$j++;
							}
							?>	
									<?php
                              $k++;
							  }						
                                ?>

</div>   
            
        </div>
    </div>    
</section>

//Ascending order
            var responsiveIsotope = [
                [480, 7],
                [720, 10]
            ];

var itemsPerPageDefault = 12;
            var itemsPerPage = defineItemsPerPage();
            var currentNumberPages = 1;
            var currentPage = 1;
            var currentFilter = '*';
            var filterAtribute = 'data-filter';
            var pageAtribute = 'data-page';
            var pagerClass = 'isotope-pager';

function changeFilter(selector) {
                $container.isotope({
                    filter: selector
                });
            }

function goToPage(n) {
                currentPage = n;
                var selector = itemSelector;
                selector += (currentFilter != '*') ? '[' + filterAtribute + '="' + currentFilter + '"]' : '';
                selector += '[' + pageAtribute + '="' + currentPage + '"]';
                changeFilter(selector);
            }

function setPagination() {

var SettingsPagesOnItems = function() {

var itemsLength = $container.children(itemSelector).length;

var pages = Math.ceil(itemsLength / itemsPerPage);
                    var item = 1;
                    var page = 1;
                    var selector = itemSelector;
                    selector += (currentFilter != '*') ? '[' + filterAtribute + '="' + currentFilter + '"]' : '';

$container.children(selector).each(function() {
                        if (item > itemsPerPage) {
                            page++;
                            item = 1;
                        }
                        $(this).attr(pageAtribute, page);
                        item++;
                    });

currentNumberPages = page;

}();

var CreatePagers = function() {

var $isotopePager = ($('.' + pagerClass).length == 0) ? $('<div class="' + pagerClass + '"></div>') : $('.' + pagerClass);

$isotopePager.html('');

for (var i = 0; i < currentNumberPages; i++) {
                        var $pager = $('<a href="javascript:void(0);" class="pager" ' + pageAtribute + '="' + (i + 1) + '"></a>');
                        $pager.html(i + 1);

$pager.click(function() {
                            var page = $(this).eq(0).attr(pageAtribute);
                            goToPage(page);
                        });

$pager.appendTo($isotopePager);
                    }

$container.after($isotopePager);

}();

}

setPagination();
            goToPage(1);

//Adicionando Event de Click para as categorias
            $('.filters a').click(function() {
                var filter = $(this).attr(filterAtribute);
                currentFilter = filter;

setPagination();
                goToPage(1);

});

//Evento Responsivo
            $(window).resize(function() {
                itemsPerPage = defineItemsPerPage();
                setPagination();
            });

});

$(document).ready(function() {

// filter items on button click
            $('.filter-button-group').on('click', 'li', function() {
                var filterValue = $(this).attr('data-filter');
                $('.grid').isotope({
                    filter: filterValue
                });
                $('.filter-button-group li').removeClass('active');
                $(this).addClass('active');
            });
        })

$(document).ready(function() {
            $('.popupimg').magnificPopup({
                type: 'image',
                mainClass: 'mfp-with-zoom',
                gallery: {
                    enabled: true
                },

zoom: {
                    enabled: true,

duration: 300, // duration of the effect, in milliseconds
                    easing: 'ease-in-out', // CSS transition easing function
                    opener: function(openerElement) {
                        return openerElement.is('img') ? openerElement : openerElement.find('img');
                    }
                }
            });
        });
    </script>

X7ROOT File Manager

Editing: gallery.php

Upload File

Create Folder