Initial commit
This commit is contained in:
139
layout/includes/slideshow.php
Normal file
139
layout/includes/slideshow.php
Normal file
@@ -0,0 +1,139 @@
|
||||
<?php
|
||||
// This file is part of Moodle - http://moodle.org/
|
||||
//
|
||||
// Moodle is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// Moodle is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
/**
|
||||
* Slideshow layout
|
||||
* @package theme_qualisaude
|
||||
* @copyright 2015 onwards LMSACE Dev Team (http://www.lmsace.com)
|
||||
* @author LMSACE Dev Team
|
||||
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||||
*/
|
||||
defined('MOODLE_INTERNAL') || die();
|
||||
|
||||
$numberofslides = theme_qualisaude_get_setting('numberofslides');
|
||||
|
||||
if ($numberofslides) { ?>
|
||||
<div class="theme-slider">
|
||||
<div id="home-page-carousel" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<?php for ($s = 0; $s < $numberofslides; $s++):
|
||||
$clstxt = ($s == "0") ? ' class="active"' : '';
|
||||
?>
|
||||
<li data-target="#home-page-carousel" data-slide-to="<?php echo $s; ?>" <?php echo $clstxt; ?>></li>
|
||||
<?php endfor; ?>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<?php for ($s1 = 1; $s1 <= $numberofslides; $s1++) :
|
||||
$clstxt2 = ($s1 == "1") ? ' active' : '';
|
||||
$slidecaption = theme_qualisaude_get_setting('slide' . $s1 . 'caption', true);
|
||||
$slidedesc = theme_qualisaude_get_setting('slide' . $s1 . 'desc', 'format_html');
|
||||
|
||||
$slideimg = theme_qualisaude_render_slideimg($s1, 'slide' . $s1 . 'image');
|
||||
?>
|
||||
<div class="carousel-item <?php echo $clstxt2; ?>" style="background-image: url(<?php echo $slideimg; ?>);">
|
||||
<!-- <img src="<?php echo $slideimg; ?>" alt="slide"> -->
|
||||
<div class=" carousel-overlay-content container-fluid">
|
||||
<div class="content-wrap">
|
||||
<?php if (!empty($slidecaption)) { ?>
|
||||
<h2><?php echo $slidecaption; ?></h2><br>
|
||||
<?php } ?>
|
||||
<?php echo $slidedesc; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
|
||||
<a class="left carousel-control carousel-control-prev" href="#home-page-carousel" data-slide="prev">
|
||||
|
||||
</a>
|
||||
<a class="right carousel-control carousel-control-next" href="#home-page-carousel" data-slide="next">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.carousel-item-next.carousel-item-left,
|
||||
.carousel-item-prev.carousel-item-right {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
||||
.carousel-item-next.carousel-item-left,
|
||||
.carousel-item-prev.carousel-item-right {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-item-next,
|
||||
.active.carousel-item-right {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
||||
.carousel-item-next,
|
||||
.active.carousel-item-right {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-item-prev,
|
||||
.active.carousel-item-left {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
||||
.carousel-item-prev,
|
||||
.active.carousel-item-left {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-fade .carousel-item {
|
||||
opacity: 0;
|
||||
transition-duration: .6s;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
|
||||
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
||||
.carousel-fade .carousel-item-next,
|
||||
.carousel-fade .carousel-item-prev,
|
||||
.carousel-fade .carousel-item.active,
|
||||
.carousel-fade .active.carousel-item-left,
|
||||
.carousel-fade .active.carousel-item-prev {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<!--E.O.Slider-->
|
||||
<?php }
|
||||
Reference in New Issue
Block a user