stuck in js scripting

Question

У меня возникла проблема с использованием мыши. Я работаю над html, php и js. На самом деле я делаю страницу, на которой я хочу изменить источник моего изображения. Но проблема в том, что я извлекаю свои значения из базы данных, а затем вызываю функцию для изменения src с извлеченными данными. Но его вообще не работает. Пожалуйста, сообщите мне об ошибке, если вы можете столкнуться с ней. Я использую в нем миниатюры.

Heres мой 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> 

ЭРВО файл расслоение плотной:

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 [ 'изображения'] частичный путь моих изображений, которые сохраняются в моей базе данных.

Answer 1

в вашей window.onload функции, линия:

var image = document.info.imagelink; 

не даст значение IMAGELINK, вам необходимо получить значение, изменив строку в:

var image = document.info.imagelink.value; 

Answer 2

не могли бы вы использовать JQuery? Вы можете достигнуть эффекта с чем-то вроде этого:

$(".thmb").click(function() { 
    $("#unique").attr("src", $(this).attr("src")); 
}); 

В вашем HTML, поместите его так:

<img name='unique' id="unique" src='".$row1['images']."1.jpg'/> 

<a href='#' class='thmb' id='1'><img src='".$row1['images']."thumbs/1.jpg' /></a> 
<a href='#' class='thmb' id='2'><img src='".$row1['images']."thumbs/2.jpg' /></a> 
<a href='#' class='thmb' id='3'><img src='".$row1['images']."thumbs/3.jpg' /></a> 
<a href='#' class='thmb' id='4'><img src='".$row1['images']."thumbs/4.jpg' /></a> 
<a href='#' class='thmb' id='5'><img src='".$row1['images']."thumbs/5.jpg' /></a>