陷入js脚本中

我在使用鼠标悬停时遇到了一个问题。我正在研究html、php和js。事实上，我正在制作一个页面，我想在其中更改我的图像来源。但问题是，我从数据库中获取值，然后调用一个函数来用获取的数据更改src。但它根本不起作用。如果你能遇到错误，请告诉我。我正在使用缩略图。

这是我的html代码

<form id='purchase' name='info' action='index.php' method='post'>
<input type='hidden' name='imagelink' value='".$row1['images']."'/>
</form>
    <img name='unique' src='".$row1['images']."1.jpg'/>
<a href='#' id='1'><img src='".$row1['images']."thumbs/1.jpg' /></a>
<a href='#' id='2'><img src='".$row1['images']."thumbs/2.jpg' /></a>
<a href='#' id='3'><img src='".$row1['images']."thumbs/3.jpg' /></a>
<a href='#' id='4'><img src='".$row1['images']."thumbs/4.jpg' /></a>
<a href='#' id='5'><img src='".$row1['images']."thumbs/5.jpg' /></a> 

这里是js文件：

window.onload = function() {
                var image = document.info.imagelink;
                document.getElementById('1').onmouseover = function() {
                        document.unique.src=image+'1.jpg';
                        return false;
                };
                document.getElementById('2').onmouseover = function() {
                        document.unique.src=image+'2.jpg';
                        return false;
                };
                document.getElementById('3').onmouseover = function() {
                        document.unique.src=image+'3.jpg';
                        return false;
                };
                document.getElementById('4').onmouseover = function() {
                        document.unique.src=image+'4.jpg';
                        return false;
                };
                document.getElementById('5').onmouseover = function() {
                        document.unique.src=image+'5.jpg';
                        return false;
                };
        };

$row1[‘images’]是我的图像的部分路径，保存在我的数据库中。