Enlarging Image inside an image

[imdead]

Hello all, im creating a website for a client and have ran into a brick wall.

 

I'm using javascript to magnify images, like this

$html .= '<p><img src="../../../images/cakes/'.$image.'" class="magnify" style="clear: both;" height="289px" width="177px" alt="NO IMAGE UPLOADED"></img><br />';

 

Which is working fine, however i have added a button below saying 'View another image' which on click i want to display the other image, however it is enlarging the 'View another image' button instead of the actual picture, this is the code.

 

	$html .= '<img  class="magnify" src="../../../images/view-another.gif"><img src="../../../images/cakes/'.$image.'"></img></img></p>';