sysadminix/Aerbim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0.0.143 another view slider

Browse Source
This commit is contained in:
SBD
2024-01-04 15:55:49 +03:00
parent 5f48e49344
commit 7b200aca5e
3 changed files with 48 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/aerbimCSS.css
View File

@@ -1160,13 +1160,32 @@ body.n_scroll{
.slider_block_text_container{
width: 100%;
position: absolute;
top: 0;
height: 100%;
margin: auto;
}
.cut_width_slider{
height: 100%;
position: relative;
}
.bottom_part_container_slide{
position: absolute;
bottom: 80px;
}
.top_part_container_slide{
position: absolute;
top: 190px;
right: 0;
width: 40%;
}
.functions_btns_slider{
display: block;
position: absolute;
bottom: 25px;
position: relative;
bottom: 0;
left: 0;
color: #ffffff;
}
@@ -1180,11 +1199,7 @@ body.n_scroll{
.slider_block_text{
display: block;
position: absolute;
bottom: 80px;
right: 0;
color: #ffffff;
width: 40%;
}
.title_slide{

2
static/aerbimJS.js
View File

@@ -237,7 +237,7 @@ function autoPlaySlider () {
}
}
}
},2000)
},5000)
} else {
// autoPlaySlider()
}

46
templates/blocks/b_slider.html
View File

@@ -9,26 +9,32 @@
{% endif %}
</div>
{% if slide.name or slide.description %}
<div class="cut-width slider_block_text_container">
<div class="functions_btns_slider" data-index-slide="{{ forloop.counter }}" data-lenght-slides="{{ page.get_slides|length }}">
<img onclick="change_slide('{{ forloop.counter }}','back','{{ page.get_slides|length }}')" src="{% static "images/arrow_white_left.svg" %}">
<span class="iterator_slide">
{{ forloop.counter }} / {{ page.get_slides|length }}
</span>
<img onclick="change_slide('{{ forloop.counter }}','next','{{ page.get_slides|length }}')" src="{% static "images/arrow_white_right.svg" %}">
</div>
<div class="slider_block_text">
{% if slide.name %}
<div class="title_slide">{{ slide.name }}</div>
{% endif %}
{% if slide.description %}
<div class="description_slide">{{ slide.description|linebreaksbr }}</div>
{% endif %}
{% if slide.but_title %}
{% with widget=slide name_w='slide' %}
{% include 'blocks/block_elements/be_button.html' %}
{% endwith %}
{% endif %}
<div class="slider_block_text_container">
<div class="cut-width cut_width_slider">
<div class="bottom_part_container_slide">
<div class="functions_btns_slider" data-index-slide="{{ forloop.counter }}" data-lenght-slides="{{ page.get_slides|length }}">
<img onclick="change_slide('{{ forloop.counter }}','back','{{ page.get_slides|length }}')" src="{% static "images/arrow_white_left.svg" %}">
<span class="iterator_slide">
{{ forloop.counter }} / {{ page.get_slides|length }}
</span>
<img onclick="change_slide('{{ forloop.counter }}','next','{{ page.get_slides|length }}')" src="{% static "images/arrow_white_right.svg" %}">
</div>
</div>
<div class="top_part_container_slide">
<div class="slider_block_text">
{% if slide.name %}
<div class="title_slide">{{ slide.name }}</div>
{% endif %}
{% if slide.description %}
<div class="description_slide">{{ slide.description|linebreaksbr }}</div>
{% endif %}
{% if slide.but_title %}
{% with widget=slide name_w='slide' %}
{% include 'blocks/block_elements/be_button.html' %}
{% endwith %}
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}