colocar imagem nos links

[Biel. 9]

Olá pessoal. Direto ao ponto.  Estou tentando colocar imagem no link pagina1, pagina2 e pagina3 , depois colocar o cursor sobre a imagem e ver se na barra de tarefas os links  pagina1, pagina2 e pagina3 estão passando 

<style>	
#box{ margin:auto; width:200px; 
	/* position:relative; */
	}
#box a{ opacity:0; position: absolute; }
#box a.selected{ opacity:1; font-size:30px; }
</style>

...

    <div id="box">
    <a href="pagina1.php" class="selected">pagina1</a>
    <a href="pagina2.php">pagina2</a>
    <a href="pagina3.php">pagina3</a>
    </div>

<!-- <img src="aprendiz1.gif" >  <img src="aprendiz2.gif" > <img src="aprendiz3.gif" >  -->

...

<script type="text/javascript">

var time = 1000;
var quantidadeLink = 0;
var links = document.querySelectorAll("#box a");
var maximo = links.length;

function nextLink(){
    links[quantidadeLink]
        .classList.remove("selected")

    quantidadeLink++

    if(quantidadeLink >= maximo)
		quantidadeLink = 0;
		
    links[quantidadeLink]
        .classList.add("selected")
}


function start() {
    setInterval(() => {
        // troca de image
        nextLink()
    }, time)
}

window.addEventListener("load", start)


</script>