| Şuanki Dizin: /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/public_html/lbpmsolapur.org/index2.php |
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
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"/>
<link rel="stylesheet" type="text/css" href="styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="demo.css" media="all" />
<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>
<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- FlexSlider -->
<script type="text/javascript" src="js/jquery.flexslider-min.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>
<style>
#slideshow1 {
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;
}
#slideshow1 > 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(10)
.next()
.fadeIn(10)
.end()
.appendTo('#slideshow');
}, 10)
</script>
<script>
$("#slideshow1 > div:gt(0)").hide();
setInterval(function() {
$('#slideshow1 > div:first')
.fadeOut(10)
.next()
.fadeIn(10)
.end()
.appendTo('#slideshow1');
}, 10)
</script>
<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:590px;
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>
<div class="main_container" style="min-height:1400px;background-color:white; width:100%; margin-left:10px;">
<div style="width:840px; height:470px; float:left;">
<div class="slider_container" style="padding:0px;">
<div class="flexslider" style="width:840px!important; height:470px; float:left;" >
<ul class="slides">
<?php
$slider_img = $db->get_all_slider_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];
?>
<li>
<img src="slider_images/<?php echo $images;?>" style="height:500px; width:840px;"/>
<div class="flex-caption" style="width:100%; float:left; margin-right:-10px;background-color:#EFEFEF;margin-bottom:-15px;">
<div class="display:inline-table; width:100%; padding:5px;">
<span style="color:#0066ff; text-transform:uppercase; font-weight:bold; display:inline-table; height:auto; padding:10px;"> <?php echo $title; ?> </span></div>
</div>
</li>
<?php
$counter ++;
}
}
?>
</ul>
</div>
</div>
</div>
<div style="width:450px; height:470px; display:inline-table; ">
<div class="slider_container" style="width:470px !important; height:450px; float:right; margin-left:-5px; display:inline-table; padding:0px; background:none;" >
<div class="flexslider" style="width:470px !important; height:450px !important; margin-left:15px; display:inline-table; background:none;">
<ul class="slides">
<?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];
?>
<li>
<img src="award_images/<?php echo $images;?>" style="height:500px; width:470px;" />
<div class="flex-caption" style="width:467px; float:left; magin-bottom:-25px; margin-right:-10px; background-color:#EFEFEF;margin-bottom:-15px;">
<div class=" display:inline-table; width:100%; padding:5px; text-align:center !important;">
<span style="color:#0066ff; text-transform:uppercase; font-weight:bold; display:inline-table; width:100%; height:auto; padding:10px; text-align:center !important;"> <?php echo $title; ?> </span></div>
</div>
</li>
<?php
$counter ++;
}
}
?>
</ul>
</div>
</div>
</div>
<marquee style="background-color:#EFEFEF; padding:5px; margin-bottom:-5px; text-transform:uppercase; margin-top:-20px;" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="7">
<?php
$details = $db->get_all_new_and_events_images();
$counter = 0;
if(!empty($details))
{
foreach($details as $record)
{
$id = $details[$counter][0];
$title = $details[$counter][1];
$image = $details[$counter][2];
?>
<a href="/gallery/<?php echo $image; ?>" target="_blank" style="color:; margin-left:15px;"><img src="/images/newicon.gif" /><?php echo $title; ?></a>
<?php
$counter ++;
}
}
?>
</marquee>
<!--<div class="page_highlighter" style="background-color:orange;">Home</div>-->
<!--<div style="background-color:#FAEBD7; margin-top:15px; padding:10px; text-transform:uppercase; font-size:16px; font-weight:bold; font-family:Bookman Old Style;">-->
<!--<a href="pdf-files/SSR-2019.pdf" target="_blank" class="blink" style="margin-left:0px;">* SSR - 2019</a>-->
<!--<a href="http://lbpmsolapur.org/pdf-files/CODE%20OF%20CONDUCT%20HANDBOOK.pdf" style="margin-left:35px;">* Code of Conduct</a>-->
<!--<a href="http://lbpmsolapur.org/pdf-files/NAAC-GRADE- SHEET.pdf" style="margin-left:25px;">* NAAC GRADE SHEET</a>-->
<!--<a href="http://lbpmsolapur.org/pdf-files/Outcomes.pdf" style="margin-left:25px;">* Programme Outcomes</a>-->
<!--<a href="http://lbpmsolapur.org/vision-mission.php" style="margin-left:25px;">* Vision Mission</a>-->
<!--<a href="http://lbpmsolapur.org/gallery/5EAss2duoe.pdf" style="margin-left:35px;">* Core Values</a>-->
<!--<a href="/pdf-files/SOC-ECO SURVEY FINAL.pdf" target="_blank" class="blink" style="margin-left:35px;">* SOCIO-ECONOMIC ANALYSIS</a>-->
<!--</div>-->
<?php
require_once("highlights.php");
?>
<!--<div class="data_container" style="margin-top:16px; width:600px; margin-left:15px;">
<!--<div style="background-color:#FFE4C4; margin-top:-17px;">
<center><img src="/images/rayat-shatabdi-logo.jpg" style="height:300px; width:300px; margin:auto; border-radius:250px;" /></center>
</div>-->
<style>
th
{
color:#FFFFFF;
text-align:center;
}
.mn_pg_title
{
color:#0070C0;
font-weight:bold;
}
td
{
text-align:left !important;
font-size:14px;
color:#333333;
}
tbody tr td
{
padding:22px;
}
</style>
<!--
<h4 class="mn_pg_title" style="font-weight:bold; font-family:Bookman Old Style; font-size:20px; color:#DC143C">Qualitative Metrics :</h4>
<br />
<table class="table table-bordered" style="margin:auto; width:100%;">
<thead style="background-color:#0070C0">
<tr>
<th width="65">Sr. No.</th>
<th width="150">Criterion</th>
<th width="300">Metric Question</th>
<th width="70">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>Criterion- I</td><td>Curricular Aspects</td><td><a href="qualitative.php?chapter=1">Click</a></td>
</tr>
<tr>
<td>2</td><td>Criterion- II</td><td>Teaching, Learning and Evaluation</td><td><a href="qualitative.php?chapter=2">Click</a></td>
</tr>
<tr>
<td>3</td><td>Criterion- III</td><td>Research, Innovations and Extension</td><td><a href="qualitative.php?chapter=3">Click</a></td>
</tr>
<tr>
<td>4</td><td>Criterion – IV</td><td>Infrastructure and Learning Resources</td><td><a href="qualitative.php?chapter=4">Click</a></td>
</tr>
<tr>
<td>5</td><td>Criterion – V</td><td>Student Support and Progression</td><td><a href="qualitative.php?chapter=5">Click</a></td>
</tr>
<tr>
<td>6</td><td>Criterion – VI</td><td>Governance, Leadership and Management</td><td><a href="qualitative.php?chapter=6">Click</a></td>
</tr>
<tr>
<td>7</td><td>Criterion – VII</td><td>Institutional Values and Best Practices</td><td><a href="qualitative.php?chapter=7">Click</a></td>
</tr>
</tbody>
</table>
<br />
<br />
<h4 class="mn_pg_title" style="font-weight:bold; font-family:Bookman Old Style; font-size:20px; color:#DC143C">Quantitative Metrics:</h4>
<br />
<table class="table table-bordered">
<thead style="background-color:#0070C0">
<tr>
<th width="65">Sr. No.</th>
<th width="150">Criterion</th>
<th width="300">Metric Question</th>
<th width="70">Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>Citerion – I</td><td>Curricular Aspects</td><td><a href="ssr.php?chapter=1">Click</a></td>
</tr>
<tr>
<td>2</td><td>Criterion – II</td><td>Teaching, Learning and Evaluation</td><td><a href="ssr.php?chapter=2">Click</a></td>
</tr>
<tr>
<td>3</td><td>Criterion – III</td><td>Research, Innovations and Extension</td><td><a href="ssr.php?chapter=3">Click</a></td>
</tr>
<tr>
<td>4</td><td>Criterion – IV</td><td>Infrastructure and Learning Resources</td><td><a href="ssr.php?chapter=4">Click</a></td>
</tr>
<tr>
<td>5</td><td>Criterion – V</td><td>Student Support and Progression</td><td><a href="ssr.php?chapter=5">Click</a></td>
</tr>
<tr>
<td>6</td><td>Criterion – VI</td><td>Governance, Leadership and Management</td><td><a href="ssr.php?chapter=6">Click</a></td>
</tr>
<tr>
<td>7</td><td>Criterion – VII</td><td>Institutional Values and Best Practices</td><td><a href="ssr.php?chapter=7">Click</a></td>
</tr>
</tbody>
</table>
<br /><br />
<!---<span class="tab_title" style="border-bottom:1px solid #DFDFDF;">Moto</span>
<img src="/img/moto.jpg" class="icons_imgs" />
<p id="mission">
"Education through self-help."
</p>-->
<!--<div class="col_1_of_12 span_1_of_12">
<div class="title-img"><span class="title-desc" style="color:black;border-bottom:0px;font-size:20px;color:white">Vision</span>
<div class="clear"></div>
</div>
</div>
<p id="mission" style="margin-left:180px">
" Quality education to all especially rural, socially & economically deprived students to make them self-reliant
i.e., women empowerment through education."
</p>
<br /><br /><br /><br />
<div class="col_1_of_12 span_1_of_12">
<div class="title-img2"><span class="tiltle-desc" style="color:black;border-bottom:0px;font-size:20px;color:white">Mission</span>
<div class="clear"></div>
</div>
</div>
<p id="mission" style="margin-left:200px;">
"Women empowerment & excellence through quality education."
</p>
</div>
</div>-->
<div style="float:right; width:370px; margin-top:-10px; margin-right:30px;">
<div style="width:100%; text-align:center;margin-top:15px">
<!--<iframe width="100%" height="200" src="https://www.youtube.com/embed/A9NDz1AbZ78" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<img data-u="image" src="images/Principa Photo.jpg" width="230" height="180" style="padding:5px; border:1px solid #DFDFDF;margin-left:5px;margin-top:12px;">
<br />
<div style="font-weight:bold; margin-top:10px;">
Principal Dr. S. R. Dhere
<p style="font-weight:100; text-align:justify; margin-top:15px; margin-left:20px; color:#9C1E9E;">
Laxmibai Bhaurao Patil Mahila Mahavidyalaya which is an institute having a commitment towards empowerment of girl students.
<br /><a href="http://lbpmsolapur.org/about-us.php#principal_msg" style="color:red;">Read More..</a>
</p>
</div>
</div>
<!--<iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/TnmKeEXJB-U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/hB-hJ5noXJ8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="100%" height="150px;" style="margin-top:20px;" src="https://www.youtube.com/embed/u3r5wJ6JYPo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!--<div style="font-weight:bold; color:#0070C0; margin-top:25px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:15px; font-size:15px;">
Our Students National Level Movies</center>
</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/c02kg8nPEWU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">Bhartiyano Chala Ek Hou Ya</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/oEQ786pHl7s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">UNNAT BHARAT ABHIYAN</div>
<iframe width="100%" style="margin-top:20px;" src="https://www.youtube.com/embed/JqPeet6MTdU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="font-weight:bold; width:100%; text-align:center; color:#006400;">Bhog Movie</div>-->
</div>
<div class="slideshow-container" style="width:600px; border:2px solid; float:left; margin-left:25px; margin-top:25px;">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<img src="images/l1.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l2.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l3.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l6.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l7.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l8.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l9.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l10.JPG" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/l11.JPG" style="width:100%; height:350px;">
</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:350px;">
</div>
<div class="mySlides fade">
<img src="images/r4.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r5.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r6.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r7.jpg" style="width:100%; height:350px;">
</div>
<div class="mySlides fade">
<img src="images/r8.jpg" style="width:100%; height:350px;">
</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 />
<div class="data_container" style="margin-top:0px; width:600px; margin-left:15px;">
<div style="display:inline-table; width:100%;">
<!--<div style="font-weight:bold; color:#0070C0; margin-top:10px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:20px;">
<a href="https://www.researchdimensions.org"><img src="/images/lg1.png" style="height:25px;" /> RESEARCH DIMENSIONS JOURNAL </a>
</div>-->
<div style="font-weight:bold; color:#0070C0; margin-top:25px; text-align:center; text-transform:uppercase; background-color:#EFEFEF; padding:20px;">
<a href="https://www.youtube.com/channel/UCPiNskkHIfuyncVlSftYfpA/videos" target="_blank" style="color:RED; text-decoration:underline; font-size:17px;">
<center><img src="/images/yt.png" style="height:40px; width:40px; float:left; margin-left:0px; margin-top:-10px;" /><span class="blink">College Youtube Channel</span></center></a>
</div>
</div>
<div class="tab_div" style="float:none; width:100%; height:auto;">
<div class="title-img2" style="border-bottom-left-radius:10px; text-align:center;">
<div class="title-desc blink" style="text-align:center;color:white; width:100%; padding:6px; font-weight:bold;">COLLEGE HIGHLIGHTS</div>
<div class="clear"></div>
</div>
<marquee behavior="scroll" direction="up" scrolldelay="100" scrollamount="5" onmouseover="stop();" onmouseout="start();" style="height:200px;">
<?php
$report_details = $db->get_all_notice();
if(!empty($report_details))
{
$counter =0;
foreach($report_details as $record)
{
$id = $report_details[$counter][0];
$title = $report_details[$counter][1];
$url = $report_details[$counter][2];
?>
<div style="background-color:#fafafa;display:inline-table; color:black;margin-top:10px;font-size:14px;line-height:25px;border-bottom:1px dashed #999; text-transform:uppercase;">
<a href="/notice/<?php echo $url; ?>" style="color:black" target="_blank"><?php echo $title; ?></a>
</div>
<?php
$counter ++;
}
}else
{
?>
<td colspan="5">No Data Found...</td>
<?php
}
?>
</marquee>
</div>
</div>
<!-- jssor slider scripts-->
<script type="text/javascript" src="jssor.slider.min.js"></script>
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: 1, //[Optional] Auto play or not, to enable slideshow, this option must be set to greater than 0. Default value is 0. 0: no auto play, 1: continuously, 2: stop at last slide, 4: stop on click, 8: stop on user navigation (by arrow/bullet/thumbnail/drag/arrow key navigation)
$AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
$Idle: 1000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
$PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
$ArrowKeyNavigation: 1, //[Optional] Steps to go for each navigation request by pressing arrow key, default value is 1.
$SlideEasing: $Jease$.$OutQuint, //[Optional] Specifies easing for right to left animation, default value is $Jease$.$OutQuad
$SlideDuration: 100, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
$MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide, default value is 20
//$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
//$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
$SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
$UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
$PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
$DragOrientation: 1, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0)
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
},
$BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
$Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
$ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
$Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
$SpacingX: 12, //[Optional] Horizontal space between each item in pixel, default value is 0
$Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
}
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizing
function ScaleSlider() {
var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
if (parentWidth) {
jssor_slider1.$ScaleWidth(parentWidth - 30);
}
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
});
</script>
<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>
<?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