Установка и настройка слайдера на Django
blazer |
09.11.2015 |
12:23:28 |
Django |
Решил установить слайдер на сайт согласно инструкции которая находится на форуме в нашей школе.
С какими пришлось столкнутся сложностями постараюсь написать в этом блоге.
Ошибки которые допустил при настройке слайдера:
В файле views.py допустил ошибку при написании функции 'slider'
def slider(reguest): sliders = Slider.objects.order_by('index').all() return render_to_response('slider.html', {'sliders': sliders, 'username': auth.get_user(reguest).username})
Здесь ошибся с переменной sliders которой присвоено значение вывода всех записей из базы данных. Написал slider - это не правильно т.к. это имя функции. В дальнейшем sliders это будет ключ и значение для вывода в шаблоне.
В шаблоне сайта пишем такой код:
{% block info %} <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- data-interval="30000" Интервал скролинга в милисикундах -->
<!-- Indicators -->
<ol class="carousel-indicators"> {% for slider in sliders %} <li data-target="#carousel-example-generic" data-slide-to="{{ slider.index }}"{% ifequal slider.index 0 %}class="active"{% endifequal %}></li> {# <li data-target="#carousel-example-generic" data-slide-to="1"></li>#}
{# <li data-target="#carousel-example-generic" data-slide-to="2"></li>#}
{% endfor %} </ol> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> {% for slider in sliders %} <div class="item {% ifequal slider.index 0 %}active{% endifequal %}"> <img src="/static/img/{{ slider.img }}" alt="{{ slider.alt }}"> <div class="carousel-caption"> <h3>{{ slider.title }}</h3> <p>{{ slider.body }}</p> </div> </div> {% endfor %} </div> <!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> {% endblock %}
В этой строке <img src="/static/img/{{ slider.img }}" alt="{{ slider.alt }}"> допустил пробел между адресом ссылки и тегом<img src="/static/img/ {{ slider.img }}" alt="{{ slider.alt }}"> из-за чего неотображались картинки в слайдере.
Сам слайдер можно посмотреть на этой странице практикума!
Ваши комментарии
Комментарии могут оставлять только зарегистрированые пользователи!