Commit 4912ac5d authored by Michael Iseard's avatar Michael Iseard
Browse files

add additional settings

parent 5167554c
......@@ -24,7 +24,7 @@
<!-- Citrus-Slider CSS -->
<link rel="stylesheet" type="text/css" href="css/citrus-slider.min.css?v=1.0.41">
<link rel="stylesheet" type="text/css" href="css/citrus-slider.min.css?v=1.0.5">
<!-- highlightjs -->
<link rel="stylesheet" href="css/highlightjs.css">
......@@ -121,7 +121,7 @@
<a class="btn btn-primary btn-lg" href="" role="button">Download</a>
<a class="btn btn-primary btn-lg" href="" role="button">Source</a>
<div class="col d-none d-lg-block">
<img src="img/logo.svg?v1.1" width="300px" height="300px" class="d-inline-block align-top" alt="">
......@@ -131,7 +131,7 @@
<div class="container">
<div id="slider-demo-1" class="citrus-slider" data-citrus='{"slideTransition" : "zoom-fade"}' style="height: 400px;">
<div id="slider-demo-1" class="citrus-slider" data-citrus='{"height" : "400px", "slideTransition" : "zoom-fade"}'>
<img src="img/1.png?v=1.0.0">
<h2>Light, fast and free</h2>
......@@ -294,7 +294,7 @@
<h2 id="settings" class="display-4">Settings</h2>
<table class="table table-striped">
<table class="table table-striped table-bordered">
<th scope="col">Key</th>
......@@ -304,6 +304,24 @@
<td>any valid css width (e.g 400px, 100%)</td>
<td>Sets the width of the slider</td>
<td>any valid css height (e.g 400px, 100%)</td>
<td>Sets the height of the slider</td>
<td>true, false</td>
<td>Automatically sets the height of the slider based on the height of the content</td>
<td>'pan', 'zoom-fade', 'scope', 'fallaway', 'downandout'</td>
......@@ -384,11 +402,11 @@
<!-- citrus-Slider JS -->
<script src="js/citrus-slider.min.js?v=1.0.42"></script>
<script src="js/citrus-slider.min.js?v=1.0.5"></script>
var settings = document.getElementById("demo-settings").querySelectorAll(".dropdown-item")
var slider = sliderObjects[0].settings
var slider = getSliders[0].settings
for (let i = 0; i < settings.length; i++) {
settings[i].addEventListener('click', function (e) {
......@@ -396,7 +414,7 @@
for (const key of Object.keys(update)) {
slider[key] = update[key]
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment