Replaced GliderJs with SplideJS

Update .gitmodules, head.php, and 10 more files...
This commit is contained in:
2023-12-15 15:27:45 +01:00
parent 6f6f3af8af
commit 0f63ab3371
12 changed files with 48 additions and 105 deletions

View File

@@ -17,7 +17,7 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
if($enable_code_highlight) {
echo('<link href="/resources/HighlightJS/11.6.0/styles/atom-one-dark.min.css" rel="stylesheet"/>');
}
if($enable_glider) {
echo('<link href="/resources/GliderJs/1.7.6/glider.min.css" rel="stylesheet"/>');
if($enable_gallery) {
echo('<link href="/resources/SplideJs/dist/css/splide.min.css" rel="stylesheet"/>');
}
?>

View File

@@ -5,8 +5,8 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
die();
}
if($enable_glider) {
echo('<script src="/resources/GliderJs/1.7.6/glider.min.js"></script>');
if($enable_gallery) {
echo('<script src="/resources/SplideJs/dist/js/splide.min.js"></script>');
}
if($enable_code_highlight) {
@@ -16,9 +16,8 @@ if($enable_code_highlight) {
?>
<script src="/resources/NibblePoker/js/nibblepoker.min.js"></script>
<?php
if($enable_glider) {
// FIXME: Find out why the minified version is broken. (Only displays 1 pic per scroll position)
echo('<script src="/resources/NibblePoker/js/nibblepoker-glider.js"></script>');
if($enable_gallery) {
echo('<script src="/resources/NibblePoker/js/nibblepoker-splide.js"></script>');
}
if($enable_code_highlight) {
echo('<script src="/resources/NibblePoker/js/nibblepoker-code.min.js"></script>');

View File

@@ -896,13 +896,21 @@ class ComposerElement {
break;
case ComposerElementTypes::GALLERY:
$htmlCode .= '<div class="glider ' . $this->get_modifiers_classes() . '">';
foreach($this->images as $galleryImageUrl) {
$htmlCode .= '<img src="'.$galleryImageUrl.'">';
if(!is_null($this->srTitle)) {
$htmlCode .= '<section class="splide border" aria-label="' . $this->srTitle . '">';
$htmlCode .= '<h2 id="carousel-heading">' . $this->srTitle . '</h2>';
} else {
$htmlCode .= '<section class="splide border">';
}
$htmlCode .= '</div>';
$htmlCode .= '<div class="splide__track">';
$htmlCode .= '<ul class="splide__list">';
foreach($this->images as $galleryImageUrl) {
$htmlCode .= '<li class="splide__slide"><img src="'.$galleryImageUrl.'"></li>';
}
$htmlCode .= '</ul></div></section>';
break;
case ComposerElementTypes::VIDEO:

View File

@@ -31,7 +31,7 @@ $config_dir_tools = realpath($dir_commons . "/../" . "tools/");
// Optional features
$enable_grids = false;
$enable_code_highlight = false;
$enable_glider = false;
$enable_gallery = false;
$enable_kitty_and_doggo_sounds = false;
// Easter-egg optional features