Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

анимация в шапке сайта logo.png на logo.gif

Опубликовано:

Здравствуйте дорогие друзья.

Подскажите пожалуйста, как сделать смену изображения в шапке (тоесть самого лого) - к примеру при входе на сайт необходимо чтоб срабатывала анимация "logo.gif" после окончания анимации становилась статичная картинка "logo.png" и самое главное чтобы после любого клика пользователя например на любую тему или еще куда на странице срабатывала снова анимация "logo.gif" соответственно после окончания снова ставилась "logo.png"

За ранее всем благодарен.

Возможно поставить только "logo.gif" с одним циклом воспроизведения, но чтоб при любом клике она воспроизводилась. (наверно так проще чем 1 вариант, но не знаю как это выглядит в реализации)

 

p/s Я так понимаю могут пригодиться

 

<a href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a>

 

 

IP.Board 3.4.6

Рекомендованные сообщения

Опубликовано:

Где-то на форуме видел инструкцию. Сейчас поищу

Опубликовано:
  • Автор

Ох как я вам буду благодарен.

Опубликовано:

Где-то на форуме видел инструкцию. Сейчас поищу

Не ищите напрасно, нет такой инструкции.

 

 

Возможно поставить только "logo.gif" с одним циклом воспроизведения, но чтоб при любом клике она воспроизводилась. (наверно так проще чем 1 вариант, но не знаю как это выглядит в реализации)

Если пользователь перейдет на другую страницу, следовательно и изображение будет загружено снова.

По нормальному это нужно делать на уровне анимации гифки. Смену изображений можно сделать только по таймауту в джаваскрипте, на то время сколько примерно длится анимация. Все это не точные величины, и зависят от время загрузки страницы.

Опубликовано:
  • Автор

Спасибо за ответ.

Каково решение для такого варианта: картинка формата "gif" перезагружается каждый раз как пользователь переходит на другую страницу?

Опубликовано:

Каково решение для такого варианта:

Это и есть решение - использовать всю необходимую анимацию в одном изображение.

Опубликовано:
  • Автор

Проблема в том что гифка загружается лишь один раз при входе на сайт и не желает перезагружаться после каждого перехода.

Как быть?

Опубликовано:

При загрузке страницы браузер начинает воспроизводить анимацию gif изображения, не важно откуда из кеша или загружена с сервера.

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.