T-34 сказал(а)
Как поставить картинки вместо надписей "вкл звуки" и "выключить звуки" ?
Дай ссылки на эти картинки. Там нужно будет править как HTML, так и JS
T-34 сказал(а)
Ещё б проигрывание приветствия раз в сутки, так же завязанное на вкл откл звукового сопровождения
Я подумаю, как получить следующий день грамотно, чтобы это работало правильно
Apocalypse сказал(а)
Дай ссылки на эти картинки. Там нужно будет править как HTML, так и JS
Картинок пока нет) вот для примера:
Apocalypse сказал(а)
Я подумаю, как получить следующий день грамотно, чтобы это работало правильно
Спасибо огромное!
Но как же сделать , что б по умолчанию выключено?
Вот сделал с картинками и чтобы по-умолчанию звуки были выключены
HTML:
<div class="block1"> <a href="#" apoplaytester="//imapo.ru/sound/aporing1.ogg,//imapo.ru/sound/aporing2.ogg">Меню №1</a> <a href="#" apoplaytester="//imapo.ru/sound/aporing3.ogg,//imapo.ru/sound/aporing4.ogg">Меню №2</a> <a href="#" apoplaytester="//imapo.ru/sound/aporing5.ogg,//imapo.ru/sound/aporing6.ogg">Меню №3</a> <a href="#" apoplaytester="//imapo.ru/sound/aporing7.ogg,//imapo.ru/sound/aporing8.ogg">Меню №4</a> <a href="#" apoplaytester="//imapo.ru/sound/aporing9.ogg,//imapo.ru/sound/aporing10.ogg">Меню №5</a> <br><br> <a href="#" apoplaytester="null,//imapo.ru/sound/aporing2.ogg">Только наведение</a> <br><br> <a href="#" apoplaytester="//imapo.ru/sound/aporing2.ogg,null">Только клик</a> </div> <br><br> <div class="apomuteblock"> <a href="#"><img src="//imapo.ru/img/offme.png"></a> </div> <audio id="apoaudio" autoplay="false" type="audio/mp3"></audio>
JS:
$ = jQuery;
$(function() {
$('*[apoplaytester]').each(function() {
if($(this).attr('apoplaytester').split(',')[0] != null) {
$(this).click(function() {
aposoundsplay($(this).attr('apoplaytester').split(',')[0]);
});
};
if($(this).attr('apoplaytester').split(',')[1] != null) {
$(this).mouseover(function() {
aposoundsplay(false, $(this).attr('apoplaytester').split(',')[1]);
});
};
});
// Если звук включен
if(localStorage.getItem('unmuted') == 1) {
$('.apomuteblock a img').attr('src', '//imapo.ru/img/onme.png');
};
// Функция включения звука
$('.apomuteblock a').click(function() {
if(localStorage.getItem('unmuted') == 1) {
$(this).find('img').attr('src', '//imapo.ru/img/offme.png');
localStorage.removeItem('unmuted');
} else {
$(this).find('img').attr('src', '//imapo.ru/img/onme.png');
localStorage.setItem('unmuted', 1);
};
});
});
//Основная функция звуков
function aposoundsplay(a, b) {
var audioblock = $('#apoaudio');
if(localStorage.getItem('unmuted') == 1) {
if(a != false) {
audioblock.attr('src', a).play();
};
if(b != false) {
audioblock.attr('src', b).play();
};
};
};
ДЕМО:
T-34 сказал(а)
Ещё б проигрывание приветствия раз в сутки
Сделал. В голову пришёл очень простой способ.
Вот HTML:
<audio id="daily" autoplay="true"></audio>
Вот JS:
<script>
// Получение текущей даты
Data = new Date();
Year = Data.getFullYear();
Month = Data.getMonth();
Day = Data.getDate();
var apodate = Day + '.' + Month + '.' + Year;
$ = jQuery;
$(function() {
// Если в локальном хранилище нет записи или записанная дата отличается от текущей
if(localStorage.getItem('apodaily') && localStorage.getItem('apodaily') != apodate || !localStorage.getItem('apodaily')) {
localStorage.setItem('apodaily', apodate);
$('#daily').attr('src', '//imapo.ru/sound/launch3.mp3').play();
};
});
</script>
ДЕМО:
Но оно же не завязано на нашу кнопочку включения-выключения звуков!?
Да. Чтобы завязать, достаточно заменить
if(localStorage.getItem('apodaily') && localStorage.getItem('apodaily') != apodate || !localStorage.getItem('apodaily')) {На:if(localStorage.getItem('apodaily') && localStorage.getItem('apodaily') != apodate && localStorage.getItem('unmuted') == 1 || !localStorage.getItem('apodaily') && localStorage.getItem('unmuted') == 1) {
На любой странице.
Установлен плагин подсказок. И с ним конфликт. Сам найти не могу
<link rel="stylesheet" type="text/css" href="/st/tipTip.css">
<script src="/_js/jquery.tipTip.js"></script>
<script>
$(function(){
$("a[title]").tipTip({maxWidth: "auto", edgeOffset: 10});
$("img[title]").tipTip({maxWidth: "auto", edgeOffset: 10});
$("span[title]").tipTip({maxWidth: "auto", edgeOffset: 10});
$("div[title]").tipTip({maxWidth: "auto", edgeOffset: 10});
});
</script>
T-34 сказал(а)
А есть что нить попроще и без присвоения класса. Тот плагин просто обрабатывает все титлы и картинок и ссылок (без класса), и подобный что то найти не могу, не на сайте не в нете(
jBox легко использовать. Просто пропишешь:
<script>
$(function() {
$('*[title]').jBox('Tooltip', {theme: 'TooltipDark'});
});
</script>
Вообще jBox - один из лучших плагинов подсказок и я его часто использую в своих проектах 👍
