| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/gallery.php |
<!--
Powered By - Dream Technology, Solapur.
Contact No : +91 9595775120
Email ID - dream.technology@outlook.com
-->
<?php
require_once("admin/lib/functions.php");
$db = new login_function();
?>
<DOCTYPE html>
<html>
<head>
<title>Laxmibai Bhaurao Patil Mahila Mahavidyalaya</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.js.pagespeed.jm.ZzSiN_5Whq.js"></script>
<script src="js/bootstrap.js%2bholder.js%2bjquery.mousewheel-3.0.6.pack.js.pagespeed.jc.TDU1MtO3PK.js"></script><script>eval(mod_pagespeed_v0V0sNbopj);</script>
<script>eval(mod_pagespeed_$q8qcT18Q7);</script>
<!-- Add mousewheel plugin-->
<style>
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev1, .next1 {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: black;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
margin-left:80px;
}
/* Position the "next button" to the right */
.next1 {
/*right: 0;*/
margin-left:990px;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev1:hover, .next1:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 0.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px; color:white;}
}
</style>
<script>eval(mod_pagespeed_9uU4mQzqKY);</script>
<style>
table a:link {
color: #666;
font-weight: bold;
text-decoration:none;
}
table a:visited {
color: #999999;
font-weight:bold;
text-decoration:none;
}
table a:active,
table a:hover {
color: #bd5a35;
text-decoration:underline;
}
table {
font-family:Montserrat Alternates;
color:#666;
font-size:12px;
text-shadow: 1px 1px 0px #fff;
background:#eaebec;
margin:20px;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
table th {
padding:21px 25px 22px 25px;
border-top:1px solid #fafafa;
border-bottom:1px solid #e0e0e0;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
table th:first-child {
text-align: left;
padding-left:20px;
}
table tr:first-child th:first-child {
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
}
table tr:first-child th:last-child {
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;
}
table tr {
text-align: center;
padding-left:20px;
}
table td:first-child {
text-align: left;
padding-left:20px;
border-left: 0;
}
table td {
padding:18px;
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
table tr.even td {
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
table tr:last-child td {
border-bottom:0;
}
table tr:last-child td:first-child {
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
}
table tr:hover td {
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}.gallery-heading {
text-align: center;
margin: 20px auto;
}
.gallery-text {
color: orange;
font-size: 25px;
font-style: italic;
font-weight: bold;
display: inline-block;
}
</style>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
</head>
<body>
<?php
require_once("lib/header.php");
?>
<div name="tab_container">
<div class="main_container">
<div class="page_highlighter" style="background-color:orange">Gallery</div>
<?php
// require_once("highlights.php");
?>
<div class="slideshow-container" style="width:1200px; border:2px solid; float:left; margin-left:25px; margin-top:25px;height: ;">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<img src="images/l1.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l2.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l3.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l6.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l7.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l8.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l9.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l10.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/l11.JPG" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/s1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s2.jpg" style="width:100%; height:350px;">
</div>
<!--<div class="mySlides fade">
<img src="images/s3.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s4.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s5.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/s6.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r2.jpg" style="width:100%; height:350px;">
</div>-->
<div class="mySlides fade">
<img src="images/r3.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/r4.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/r5.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/r6.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/r7.jpg" style="width:100%; height:370px;">
</div>
<div class="mySlides fade">
<img src="images/r8.jpg" style="width:100%; height:370px;">
</div>
<!--<div class="mySlides fade">
<img src="images/PATH USE TEAM VISIT.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/PATH VISIT USA.jpg" style="width:100%; height:350px;">
</div>-->
<!-- Next and previous buttons -->
<a class="prev1" style="margin-left:-37px;" onclick="plusSlides(-1)">❮</a>
<a class="next1" onclick="plusSlides(1)">❯</a>
</div>
<br><br>
<br />
<script>
function blink_text() {
$('.blink').fadeOut(300);
$('.blink').fadeIn(300);
}
setInterval(blink_text, 500);
</script>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<script type="text/javascript" charset="utf-8">
var $ = jQuery.noConflict();
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade"
});
$(function() {
$('.show_menu').click(function(){
$('.menu').fadeIn();
$('.show_menu').fadeOut();
$('.hide_menu').fadeIn();
});
$('.hide_menu').click(function(){
$('.menu').fadeOut();
$('.show_menu').fadeIn();
$('.hide_menu').fadeOut();
});
});
});
</script>
<style>
#thumbnails {
width: 1140.6px;
box-sizing: border-box;
}
.imagg {
display: inline-block;
width: 205px;
font-size: 12px;
margin: 10px;
}
</style>
<div class="data_container" style="margin-top:16px; min-height:700px;"><h2 class="gallery-heading"><em><span class="gallery-text">Gallery Images:</span></em></h2>
<div id="thumbnails">
<?php
$report_details = $db->get_all_gallery_imagess();
if(!empty($report_details))
{
$counter =0;
foreach($report_details as $record)
{
$id = $report_details[$counter][0];
$images = $report_details[$counter][1];
$description = $report_details[$counter][2];
?>
<div class="imagg" style="display:inline-table; width:205px; font-size:12px; margin:10px;">
<a href="gallery1/<?php echo $images; ?>" target="_blank"><img src="gallery/<?php echo $images; ?>" height="200px" width="200px" style="border:1px solid #ccc;padding:5px;margin:10px;"><br />
<div style="border:0px solid black;text-align:center;color:Black;"><?php echo $description; ?></div>
</a>
</div>
<?php
$counter++;
}
}
?>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5-mod.js"></script>
<script type="text/javascript">
$(function() {
$('#thumbnails a').lightBox();
});
</script>
<?php
require_once("lib/footer.php");
?>
</body>
</html>
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4