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{ .slider_block_text_container{
width: 100%; width: 100%;
position: absolute;
top: 0;
height: 100%;
margin: auto;
}
.cut_width_slider{
height: 100%;
position: relative; 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{ .functions_btns_slider{
display: block; display: block;
position: absolute; position: relative;
bottom: 25px; bottom: 0;
left: 0; left: 0;
color: #ffffff; color: #ffffff;
} }
@@ -1180,11 +1199,7 @@ body.n_scroll{
.slider_block_text{ .slider_block_text{
display: block; display: block;
position: absolute;
bottom: 80px;
right: 0;
color: #ffffff; color: #ffffff;
width: 40%;
} }
.title_slide{ .title_slide{

2
static/aerbimJS.js
View File

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

46
templates/blocks/b_slider.html
View File

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