I attempted to modify the button that appears at the top of an HTML page.
<div class='play'>
<input id="play" type="button" value="Play" onclick="mode('play');startSlideshow();" />
</div>
<div class='pause'>
<input id="pause" type="button" value="Pause" onclick="mode('pause');startSlideshow();" />
</div>
<style>
.play{
position: absolute;
top:452px;
left: 85px
}
.pause{
position: absolute;
top:452px;
left: 85px
}
</style>
Currently, the pause button is displaying in front of the play button. I tried moving the button and hiding it, but it didn't budge. Changing the position style of the pause button also had no effect.
else if(smode=="pause")
{
var pau = document.getElementById('pause');
pau.setAttribute('style', 'top:100px;left:150px;');
document.getElementById("pause").style.visibility = "hidden";
}