Всех с Наступающим
Новым Годом, стал замечать народ подсуетился и стал оформлять свои сайты перед праздником, значит возник и спрос на украшательства.
Решил внести свою лепту в общую копилку новогодних плюшек, набросал вот такой музыкальный вариант, не будет занимать много мест (расположение слева сделал для тех у кого сайты с рекламными баннерами и обычно они справа, легко можно поменять на свою картинку под правую сторону) и при клике на изображение проиграет короткая мелодия (всеми знакомая
Jingle Bells).
P.S. в
title можно вписать не поздравление с
Новым годом, а напоминание что нужно кликнуть по картинке)).
В архиве мелодия
(mp3)
455kb и
две картинки сделал форматом
150х171 и
200х229 (кому какая подойдёт).
Установка:
Так как до праздника осталось совсем немного, следовательно и стоять код будет недолго, поэтому можно просто всё вместе поставить в низ первого контейнера (чтобы отображалось на всех страницах и модулях). Заливаем картинку и
mp3 в
фм сайта и здесь указываем путь к ним, и всё.
Код
<div id="christmas" onclick="soundClick()">
<img src="/christmas.png" title="С Наступающим Новым Годом!" />
</div>
<style>
#christmas {
display: block;
position: fixed;
top: 0;
left: 0;
cursor: pointer;
}
</style>
<script>
function soundClick() {
var audio = new Audio();
audio.src = '/Jingle_bells.mp3';
audio.autoplay = true;
}
</script>