Установка и настройка слайдера на 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 }}"> из-за чего неотображались картинки в слайдере.

Сам слайдер можно посмотреть на этой странице практикума!

Ваши комментарии

Комментарии могут оставлять только зарегистрированые пользователи!

Disqus - комментарии

blog comments powered by Disqus