クリック時に JavaScript をトリガーするアンカーを使用して html img ソースを変更しようとしていますが、機能していません。これが私のコードです：
HTML
<body>
<img src='./images/img1.png' id='gallery'>
<a href="#" id="back">Back</a> - <a href="#" id="next">Next</a>
</body>
JS
var image = new Array(3)
image[1]="./images/img1.png"
image[2]="./images/img2.png"
image[3]="./images/img3.png"
var num = 1;
document.getElementById('next').addEventListener('click', function(galleryNext){
num=num+1
if (num==4)
{num=1}
document.getElementById('gallery').src=image[num];
});
document.getElementById('back').addEventListener('click', function(galleryPrevious){
num=num-1
if (num==0)
{num=3}
document.getElementById('gallery').src=image[num];
});