Django - функция прокрутки изображения не работает на localhost, но отлично работает на 127.0.0.1

Question

Мой случай таков: у меня есть веб-сайт Django, и я реализовал функцию прокрутки списка фотографий с помощью кнопок со стрелками «вперед» и «вперед». Эта функциональность прекрасно работает, если я перехожу к 127.0.0.1:8000, где это выглядит так: 1 Но на localhost: 8000 эта функциональность не работает, и выглядит это так: 2

Соответствующий шаблон-код выглядит так:

<div class="apartment-images">
        {% for image in apartment.apartmentimage_set.all %}
            <img src="{{ image.image.url }}" alt="Apartment image" class="{% if forloop.first %}active{% endif %}">
        {% endfor %}
        <div id="left-arrow" onclick="prevImage()"></div>
        <div id="right-arrow" onclick="nextImage()"></div>
        <div class="ellipses">
            {% for i in apartment.apartmentimage_set.all %}<div class="ellipse {% if forloop.first %}active{% endif %}"></div>{% endfor %}
        </div>
    </div>

А javascript используется для показа следующего и предыдущего изображения:

<script>
    let activeImageIndex = 0;
    let apartmentImages = $('.apartment-images img');
    let dots = $('.ellipse');

    function nextImage() {
        if (activeImageIndex < apartmentImages.length - 1) {
            activeImageIndex++;
        } else {
            activeImageIndex = 0;
        }
        changeImage(activeImageIndex);
    }
    function prevImage() {
        if (activeImageIndex > 0) {
            activeImageIndex--;
        } else {
            activeImageIndex = apartmentImages.length - 1;
        }
        changeImage(activeImageIndex);
    }
    function changeImage(index) {
        dots.removeClass('active');
        dots.eq(index).addClass('active');
        apartmentImages.removeClass('active');
        apartmentImages.eq(index).addClass('active');
    }
</script>

Теперь, как я уже сказал, эта функциональность работает на 127.0.0.1:8000, но не на localhost: 8000 в браузере Google Chrome, и она работает как на localhost: 8000, так и на 127.0.0.1:8000 в браузере Microsoft Edge , Я пытался очистить куки для локального хоста в Chrome.

Любая помощь будет очень признательна, спасибо:)

Answer 1

Я узнал, как это исправить!

Я удалил все буферизованные изображения и файлы в своем браузере Chrome, и теперь он работает и на localhost:)

Вот как это сделать: https://7labs.io/tips-tricks/clear-site-specific-cookies-cache.html