remove old slider code
This commit is contained in:
parent
55314b9fd1
commit
cdeb79cd90
4 changed files with 0 additions and 1834 deletions
|
|
@ -1,170 +0,0 @@
|
||||||
/** VARIABLES
|
|
||||||
===================================*/
|
|
||||||
/** RESET AND LAYOUT
|
|
||||||
===================================*/
|
|
||||||
.bx-wrapper {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 60px;
|
|
||||||
padding: 0;
|
|
||||||
*zoom: 1;
|
|
||||||
-ms-touch-action: pan-y;
|
|
||||||
touch-action: pan-y;
|
|
||||||
}
|
|
||||||
.bx-wrapper img {
|
|
||||||
max-width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.bxslider {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
ul.bxslider {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
.bx-viewport {
|
|
||||||
/*fix other elements on the page moving (on Chrome)*/
|
|
||||||
-webkit-transform: translatez(0);
|
|
||||||
}
|
|
||||||
/** THEME
|
|
||||||
===================================*/
|
|
||||||
|
|
||||||
.bx-wrapper .bx-pager,
|
|
||||||
.bx-wrapper .bx-controls-auto {
|
|
||||||
position: absolute;
|
|
||||||
bottom: -30px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
/* LOADER */
|
|
||||||
.bx-wrapper .bx-loading {
|
|
||||||
min-height: 50px;
|
|
||||||
height: auto;
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2000;
|
|
||||||
}
|
|
||||||
/* PAGER */
|
|
||||||
.bx-wrapper .bx-pager {
|
|
||||||
text-align: center;
|
|
||||||
font-size: .85em;
|
|
||||||
font-family: Arial;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #666;
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
|
||||||
background: #666;
|
|
||||||
text-indent: -9999px;
|
|
||||||
display: block;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
margin: 0 5px;
|
|
||||||
outline: 0;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
|
||||||
.bx-wrapper .bx-pager.bx-default-pager a.active,
|
|
||||||
.bx-wrapper .bx-pager.bx-default-pager a:focus {
|
|
||||||
background: #000;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-pager-item,
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: bottom;
|
|
||||||
*zoom: 1;
|
|
||||||
*display: inline;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-pager-item {
|
|
||||||
font-size: 0;
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
|
||||||
.bx-wrapper .bx-prev {
|
|
||||||
left: 10px;
|
|
||||||
background: url('controls.png') no-repeat 0 -32px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-prev:hover,
|
|
||||||
.bx-wrapper .bx-prev:focus {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-next {
|
|
||||||
right: 30px;
|
|
||||||
background: url('controls.png') no-repeat -43px -32px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-next:hover,
|
|
||||||
.bx-wrapper .bx-next:focus {
|
|
||||||
background-position: -43px 0;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-direction a {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -16px;
|
|
||||||
outline: 0;
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
text-indent: -9999px;
|
|
||||||
z-index: 9999;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-direction a.disabled {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
/* AUTO CONTROLS (START / STOP) */
|
|
||||||
.bx-wrapper .bx-controls-auto {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-start {
|
|
||||||
display: block;
|
|
||||||
text-indent: -9999px;
|
|
||||||
width: 10px;
|
|
||||||
height: 11px;
|
|
||||||
outline: 0;
|
|
||||||
background: url('images/controls.png') -86px -11px no-repeat;
|
|
||||||
margin: 0 3px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-start.active,
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-start:focus {
|
|
||||||
background-position: -86px 0;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
|
||||||
display: block;
|
|
||||||
text-indent: -9999px;
|
|
||||||
width: 9px;
|
|
||||||
height: 11px;
|
|
||||||
outline: 0;
|
|
||||||
background: url('images/controls.png') -86px -44px no-repeat;
|
|
||||||
margin: 0 3px;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-stop.active,
|
|
||||||
.bx-wrapper .bx-controls-auto .bx-stop:focus {
|
|
||||||
background-position: -86px -33px;
|
|
||||||
}
|
|
||||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
|
||||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
|
||||||
text-align: left;
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
|
||||||
right: 0;
|
|
||||||
width: 35px;
|
|
||||||
}
|
|
||||||
/* IMAGE CAPTIONS */
|
|
||||||
.bx-wrapper .bx-caption {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
background: #666;
|
|
||||||
background: rgba(80, 80, 80, 0.75);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.bx-wrapper .bx-caption span {
|
|
||||||
color: #fff;
|
|
||||||
font-family: Arial;
|
|
||||||
display: block;
|
|
||||||
font-size: .85em;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,50 +0,0 @@
|
||||||
var startSlide = 0;
|
|
||||||
if (document.querySelectorAll('.select-image').length && document.location.hash.length) {
|
|
||||||
startSlide = parseInt(document.location.hash.slice(1)) - 1
|
|
||||||
}
|
|
||||||
function loadSlideshow() {
|
|
||||||
$('a.original-link').bind('touchstart MSPointerDown pointerdown', function(event) {
|
|
||||||
event.stopPropagation()
|
|
||||||
});
|
|
||||||
$('a.original-link').on({
|
|
||||||
mousedown: function(event) {
|
|
||||||
event.stopPropagation()
|
|
||||||
},
|
|
||||||
})
|
|
||||||
slider = $('.slider1').show().bxSlider({
|
|
||||||
startSlide: startSlide,
|
|
||||||
preloadImages: 'all',
|
|
||||||
adaptiveHeight : true,
|
|
||||||
pager : false,
|
|
||||||
});
|
|
||||||
|
|
||||||
var images = $('.slider1 img'), count = images.length;
|
|
||||||
images.on({load: function(event) {
|
|
||||||
setTimeout(function() {
|
|
||||||
slider.resize()
|
|
||||||
slider.redrawSlider()
|
|
||||||
}, 100)
|
|
||||||
}})
|
|
||||||
|
|
||||||
document.querySelectorAll('.select-image').forEach(function(a) {
|
|
||||||
a.onclick = function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
slider.goToSlide(parseInt(this.dataset.id) - 1)
|
|
||||||
document.location.hash = '#' + this.dataset.id;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).keydown(function(e){
|
|
||||||
if (e.keyCode == 39) // Right arrow
|
|
||||||
{
|
|
||||||
slider && slider.goToNextSlide && slider.goToNextSlide();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else if (e.keyCode == 37) // left arrow
|
|
||||||
{
|
|
||||||
slider && slider.goToPrevSlide && slider.goToPrevSlide();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
$(document).ready(loadSlideshow);
|
|
||||||
|
|
@ -10,7 +10,6 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans"/>
|
||||||
<link rel="stylesheet" type="text/css" href="{% static "css/foundation.css" %}?20250201">
|
<link rel="stylesheet" type="text/css" href="{% static "css/foundation.css" %}?20250201">
|
||||||
<link rel="stylesheet" type="text/css" href="{% static "css/jquery.bxslider.css" %}">
|
|
||||||
{% compress css file site %}
|
{% compress css file site %}
|
||||||
<link rel="stylesheet" type="text/css" href="{% static "css/main.css" %}">
|
<link rel="stylesheet" type="text/css" href="{% static "css/main.css" %}">
|
||||||
<link rel="stylesheet" type="text/css" href="{% static "css/app.css" %}">
|
<link rel="stylesheet" type="text/css" href="{% static "css/app.css" %}">
|
||||||
|
|
@ -52,9 +51,7 @@
|
||||||
{% compress js file base %}
|
{% compress js file base %}
|
||||||
<script src="{% static "js/app.js" %}"></script>
|
<script src="{% static "js/app.js" %}"></script>
|
||||||
<script src="{% static "js/what-input.js" %}"></script>
|
<script src="{% static "js/what-input.js" %}"></script>
|
||||||
<script src="{% static "js/jquery.bxslider.js" %}?2"></script>
|
|
||||||
<script src="{% static "js/gallery.js" %}"></script>
|
<script src="{% static "js/gallery.js" %}"></script>
|
||||||
<script src="{% static "js/slideshow.js" %}"></script>
|
|
||||||
{% endcompress %}
|
{% endcompress %}
|
||||||
{% block end %}
|
{% block end %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue