Reemplace la imagen y el título de la imagen / texto alt con Javascript
Actualmente tengo el siguiente código que reemplaza una imagen grande cuando se hace clic en una miniatura:
Javascript:
img1 = new Image();
img1.src = '{$smarty.const.dir_images}/l_{$this_page.image1}';
img2 = new Image();
img2.src = '{$smarty.const.dir_images}/l_{$this_page.image2}';
HTML en miniatura:
<a href="javascript:document['mainimage'].src = img1.src; javascript:void(0);"><img src="{$smarty.const.dir_images}/t_{$this_page.image1}" title="" alt=""/></a>
<a href="javascript:document['mainimage'].src = img2.src; javascript:void(0);"><img src="{$smarty.const.dir_images}/t_{$this_page.image2}" title="" alt=""/></a>
HTML de imagen grande:
<img id="mainimage" name="mainimage" src="{$smarty.const.dir_images}/l_{$this_page.image1}" title="{$this_page.image1text}" alt="{$this_page.image1text}" />
Lo que quiero hacer es no solo cambiar la fuente de la imagen grande cuando se hace clic en la miniatura, sino también las etiquetas alt y title.
Gracias por adelantado