| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/award_image.php |
<?php
require_once("admin/lib/functions.php");
$db = new login_function();
// $staff_details = $db->get_teaching_staff();
?>
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<style>
.zoomin img
{
margin-left:240px;
height: 200px; width: 200px;
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 300px;
height: 300px;
}
@-webkit-keyframes swinging{
0%{-webkit-transform: rotate(10deg);}
50%{-webkit-transform: rotate(-5deg)}
100%{-webkit-transform: rotate(10deg);}
}
@keyframes swinging{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}
.swingimage{
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging 3.5s ease-in-out forwards infinite;
animation: swinging 3.5s ease-in-out forwards infinite;
}
.element {
height:200px;
width: 200px;
margin: 0 auto;
animation-name: stretch;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-delay: 0;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes stretch {
0% {
transform: scale(.3);
border-radius: 100%;
}
5% {
}
20% {
transform: scale(1.5);
}
}
</style>
</head>
<body>
<?php
require_once("lib/header.php");
?>
<style>
#slideshow {
margin: 80px auto;
position: relative;
width: 1080px;
height: 440px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
margin:auto;
z-index:0;
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index:0;
}
.img_slide_n
{
width:1080px;
z-index:0;
}
.img_slide_n img{
width:1080px;
height:100%;
z-index:0;
}
</style>
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000)
</script>
<div class="main_container" style="min-height:1400px;background-color:white;">
<div id="slideshow">
<?php
$slider_img = $db->get_all_award_images();
if(!empty($slider_img))
{
$counter = 0;
foreach($slider_img as $record)
{
$id = $slider_img[$counter][0];
$images = $slider_img[$counter][1];
$title = $slider_img[$counter][2];
?>
<div class="img_slide_n">
<img src="award_images/<?php echo $images;?>">
<?php
if($title!="")
{
?>
<div style="position:relative; margin-top:-30px; width:99%; color:#FFFFFF; background-color:#666666; padding:7px;"><?php echo $title; ?></div>
<?php
}
?>
</div>
<?php
$counter ++;
}
}else
{
?>
<td colspan="4">No Data Found...</td>
<?php
}
?>
</div>
</div>
<?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