Como vi las cuatro flechas, pensé que querías cuatro botones. Bueno, en ese caso, podrías poner todos los enlaces en un array y con cada clic, irás avanzando de uno en uno por dicho array para ir cambiando de página. Cuando llegue al último elemento del array, es decir, al último enlace y se vuelva a dar clic, tomará el primer enlace del array, con lo cual, se volverá un ciclo infinito.
En el documento HTML En el documento JavaScript
Código Javascript
:
Ver originalvar enlaces = [
"http://www.youtube.com/embed/ChbWhAtqEnA",
"http://www.youtube.com/embed/Zi8vJ_lMxQI",
"http://www.youtube.com/embed/_mVW8tgGY_w",
"http://www.youtube.com/embed/xl48QIxMXQg"
],
boton = document.querySelector("#enlace"),
capa = document.querySelector("#capa"),
contador = 0,
sizeEnlaces = enlaces.length - 1;
capa.src = enlaces[contador];
boton.addEventListener("click", function(){
contador = contador == sizeEnlaces ? 0 : contador + 1;
capa.src = enlaces[contador];
}, false);
Y el ejemplo en ejecución, lo puedes ver
aquí.
Saludos