Форум

30 ответ(ов) в теме
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
21
19:48

T-34 сказал(а)
Как поставить картинки вместо надписей "вкл звуки" и "выключить звуки" ?

Дай ссылки на эти картинки. Там нужно будет править как HTML, так и JS

T-34 сказал(а)
Ещё б проигрывание приветствия раз в сутки, так же завязанное на вкл откл звукового сопровождения

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

0
T-34
не в сети 2 недели
На сайте с 27.09.2020
Участник
Тем 1
Сообщения 16
22
20:00

Apocalypse сказал(а)
Дай ссылки на эти картинки. Там нужно будет править как HTML, так и JS

Картинок пока нет) вот для примера:

Apocalypse сказал(а)
Я подумаю, как получить следующий день грамотно, чтобы это работало правильно

Спасибо огромное!

Но как же сделать , что б по умолчанию выключено?

1
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
23
20:08

Вот сделал с картинками и чтобы по-умолчанию звуки были выключены

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();
};
};
};

ДЕМО:

Вы не можете просматривать опубликованные ссылки
0
T-34
не в сети 2 недели
На сайте с 27.09.2020
Участник
Тем 1
Сообщения 16
24
20:22

Да, всё работает! Класс 😀
Только при нажатии на картинку, страница вверх прыгает, это из-за #, это можно как то исправить?

1
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
25
12:03

T-34 сказал(а)
Только при нажатии на картинку, страница вверх прыгает, это из-за #, это можно как то исправить?

Замени # на javascript://

0
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
26
17:39

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>

ДЕМО:

Вы не можете просматривать опубликованные ссылки
0
T-34
не в сети 2 недели
На сайте с 27.09.2020
Участник
Тем 1
Сообщения 16
27
23:33

Класс! Но оно же не завязано на нашу кнопочку включения-выключения звуков!?

1
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
28
20:57

Но оно же не завязано на нашу кнопочку включения-выключения звуков!?

Да. Чтобы завязать, достаточно заменить

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) {

0
T-34
не в сети 2 недели
На сайте с 27.09.2020
Участник
Тем 1
Сообщения 16
29
01:14

Да! Класс! Всё работает! Спасибо огромное! У Вас классный сайт! Много задумок реализовано с помощью ваших скриптов. Спасибо за помощь! Дай бог Вам здоровья!
Век Вас помнить буду!!!
😀

1
Apocalypse
не в сети 1 час
На сайте с 27.08.2018
Администратор
Тем 6
Сообщения 42
30
17:03

Да! Класс! Всё работает! Спасибо огромное!

Пожалуйста. Всегда рад помочь 😀

0
Вы не имеете права на публикацию сообщений в этой теме
Авторизация
*
*
Войти с помощью: 

82 − 78 =

Регистрация
*
*
*
Войти с помощью: 
Генерация пароля