Шаблон:Hover

Шаблон позволяет заменить изображение или текст при наведении курсора мыши — плавно и красиво.

Как использовать

Вставьте шаблон в формате:

{{Hover|Первоначальное содержимое|Содержимое при наведении|До=|После=}}
  • Первоначальное содержимое — то, что видно по умолчанию.
  • Содержимое при наведении — появляется при наведении.
  • Необязательные параметры:
    • До= — текст или элементы перед контейнером.
    • После= — текст или элементы после контейнера.

Примеры

С изображениями

Код:

{{Hover|[[File:Example.jpg|200px]]|[[File:Hover_Example.jpg|200px]]}}

Что делает:


 Файл:Example.jpg
 Файл:Hover Example.jpg


С текстом

Код:

{{Hover|Наведи на меня|А вот и я!}}

Что делает:

  • По умолчанию: "Наведи на меня".
  • При наведении: плавно появляется "А вот и я!".


 Наведи на меня
 А вот и я!


С дополнительным текстом (До/После)

Код:

{{Hover|До=( |[[File:Example.jpg|150px]]|[[File:Hover_Example.jpg|150px]]|После= )}}

Результат: ( [изображение] ) → при наведении ( [другое изображение] )


(

 Файл:Example.jpg
 Файл:Hover Example.jpg

)


Примечания

  • Убедитесь, что файлы существуют в вики.
  • Можно использовать любые валидные вики-элементы.
  • Плавная анимация работает во всех современных браузерах.


 {{{1}}}
 {{{2}}}