Al fin lo logre, con un poco de empeño, buscar, relacionar tips de aqui tips de haya lo logre
Código HTML:
<a href="javascript:afoto('/producto/520824.jpg','Recubrimiento Vagli');
return false" onmouseover="window.status=''Recubrimiento Vagli'; return true"
onmouseout="window.status=''" id="link">
<img src="/producto/small_520824.jpg" id="im" border="0" width="250"
alt="Recubrimiento Vagli">
</a> Asi que funciono con esto
Código HTML:
<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520825.jpg';document.getElementById('link').href='javascript:afoto(\'/producto/520825.jpg\',\'Recubrimiento Vagli\')';"/> Vagli Azul</a><br>
<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520826.jpg';document.getElementById('link').href='javascript:afoto(\'/producto/520826.jpg\',\'Recubrimiento Vagli\')';"/> Vagli Verde</a><br>
</a> solo se copia el codigo de href a el link pero se tiene que especificar \'imagen\' si no se confunde con tantas comillas, tal vez hay una manera mas simple pero a mi me sirvio esto saludos
