Установка Инструкции специально ссылаются на jQuery 1.11.1 и заявляют, что он поддерживает 'jQuery 1.8 или новее.'
Но когда я использую jQuery 3.4.1 (который поставляется сСамозагрузка) У меня возник сбой, когда изображения перетасовывались, и все, кроме первого, действовали как фоновые изображения.
Вот код, который я использую:
<head>
<!-- Fotorama from CDNJS, 19 KB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
</head
...
<div class="container">
<div class="fotorama">
<!-- {% for image in car.image_set.all %}
<img src="{{ image.image.url }}" style="width: 100%; ">
{% endfor %} -->
<img src="/media/image_11.jpg">
<img src="/media/image_12_YQm2sd3.jpg">
<img src="/media/image_14.jpg">
<img src="/media/image_16_pm7OKF2.jpg">
<img src="/media/image_19.jpg">
</div>
</div>
<div class="container">
<div class="row justify-content-center section-row">
<div class="col-12 description">
<p>{{ car.description }}</p>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
JSнаходится в теле, потому что он не работает должным образом, когда в голове.
Вот как это выглядит 3.4.1 (выделенный текст находится в отдельном div.)