Фоновое изображение повторяется дважды при перезагрузке страницы - PullRequest
0 голосов
/ 17 февраля 2019

В пределах Symfony 4 (я не знаю, существует ли эта проблема в ранних версиях).У меня очень странная и раздражающая проблема.Я хочу загрузить фоновое изображение (позже я изменю его на загрузочную карусель).Но сейчас очень раздражает, когда я использую, например, регистрационную форму на том же фоне с маршрутом (аннотации).Как / редактировать, / зарегистрироваться, / войти и т. Д. Похоже, фоновое изображение показывает дважды!Поэтому, когда вы переключаетесь на экран входа в систему.Фоновое изображение на оборотной стороне мигает при рендеринге страницы!

Как это исправить?

Я отключил кеш веток.Но, похоже, он не работает с cache: false

Это мой код контроллера Symfony 4:

/**
 * @Route("/bg_image")
 */
public function bg_image()
{
    return $this->render('base.html.twig', ['text' => 'next']);
}

/**
 * @Route("/bg_image/next_page")
 */
public function next_page()
{
    return $this->render('base.html.twig', ['text' => 'next']);
}

/**
 * @Route("/bg_image/prev_page")
 */
public function prev_page()
{
    return $this->render('base.html.twig', ['text' => 'prev']);
}

Это мой шаблон ветки Symfony 4 "base.html.twig":

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}
            <link rel="stylesheet" href="/custom.css">
        {% endblock %} 
    </head>
    <body>
        <img src="/images/slide.jpg" alt="Smiley face" height="200">
        <h1 class="top-left">{{ text }}</h1>
        <br/><br/>
        <a href="/bg_image/next_page">next</a> |
        <a href="/bg_image/prev_page">prev</a>
        {% block body %}{% endblock %}
        {% block javascripts %}{% endblock %}
    </body>
</html>

Я хочу плавный переход, а не мигание между предыдущей и следующей страницами, как в этом примере.

Это проблема фреймворка Symfony, я думаю.Когда я создаю эту страницу без Symfony.Мигание не происходит.

1 Ответ

0 голосов
/ 19 февраля 2019

Это не проблема с Symfony.

Фоновое изображение иногда выглядит так, как будто оно исчезает, а затем снова появляется, когда вы нажимаете «далее» или «предыдущая», тогда это потому, что вы запрашиваетеновая страница.Когда это прекращается, это происходит потому, что ваш браузер кэшировал страницу и загружает новую страницу так быстро, что вы не видите изменения невооруженным глазом.

Если вы хотите «плавного перехода» в-страница между изменяющимися элементами, вам нужно использовать Javascript / CSS для манипулирования элементами без запроса новой страницы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...