revu0089 Ответов: 2

Как поместить клавиши воспроизведения и паузы в одну и ту же кнопку ?

Как поместить клавиши воспроизведения и паузы в одну и ту же кнопку в галерее изображений, используя только коды javascript? Когда я нажимаю кнопку воспроизведения, слайд-шоу должно начаться, а кнопка "Пуск" также должна быть заменена на кнопку "пауза". Затем, когда я нажимаю кнопку паузы, слайд-шоу изображений должно быть приостановлено, а кнопка снова переключена на кнопку воспроизведения.

Кто-нибудь, пожалуйста, помогите!

[no name]

Вау... это что, 4-й или 5-й репост одного и того же?

2 Ответов

Рейтинг:
7

Manfred Rudolf Bihy

Это легко достигается переключением (в.: для переключения[^По сути, это означает, что мы постоянно переключаем семантику кнопки. В этом случае будет достаточно двоичного переключателя (таким образом, логического значения playpause). В более сложных сценариях может потребоваться более двух состояний. Вот код, который выполняет (двоичное) переключение между функциями воспроизведения и паузы:

<html>
<head>
<script language="text/javascript">
    // Starting with "Play" as the first button state
    var playpause = true;
</script>
</head>
<body>
<div id="container">
<button id="playpause" type="button" name="playButton" onclick="setPlayPause()">Play</button>
</div>
</body>
<script language="text/javascript"> 
function setPlayPause()
{
    // Here we toggle playpause from true to false and vice versa
    playpause = !playpause;
    if(playpause)
    {
        document.getElementById("playpause").value = "Play";
        alert("Gallery has been paused!");
        // Instead of the alert statement you would actually do the pausing of the gallery here
    }
    else
    {
        document.getElementById("playpause").value = "Pause";
        alert("Gallery is now playing!");
        // Instead of the alert statement you would place the code here that would start the gallery playing
    }
}
</script>
</html>


С уважением,

— Манфред

Рейтинг:
19

_Amy

В этом состоянии вы должны попробовать с помощью кнопки переключения изображения.
См. ссылки ниже:
Демонстрация Кнопки Переключения[^]
Создание кнопок JS, которые переключают свое изображение по щелчку мыши[^]
Как вы создаете кнопку переключения?[^]
JavaScript переключает изображение, нажав на Img[^]


-- Амит

Manfred Rudolf Bihy

Хорошие ссылки! 5+
:)

_Amy

Спасибо вам. :)