buenas,
soy muy muy nobnato con javascript, ya que solo lo uso para complementar mis codigos en php y siempre cojo funciones echas ya que no tengo nunca tiempo de pararme a aprender js, pero me gustaria saber si hay alguna manera o una funcion que pueda hacer lo que os voy a contar. supongo que si, ya que se puede hacer casi todo :P
tengo una minigaleria con la imagen grande en la izquierda y 9 imagenes pequeñas en la derecha.
Código HTML:
<table class='location' cellpadding='0' cellspacing='0'>
<tr>
<td width='355'>
<img src="images/gallery/images/campos1.jpg" name="img_gra" id="img_gra">
</td>
<td align='center' valign='top'>
<div class='espacio10'></div>
<table class='buscar' cellpadding='0' cellspacing='0'>
<tr>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos1.jpg',1)"><img src="images/gallery/thumbnails/campos1.jpg" name="img_peq_01" border="0" id="img_peq_01"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos2.jpg',1)"><img src="images/gallery/thumbnails/campos2.jpg" name="img_peq_02" border="0" id="img_peq_02"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos3.jpg',1)"><img src="images/gallery/thumbnails/campos3.jpg" name="img_peq_03" border="0" id="img_peq_03"></a>
</td>
</tr>
<tr>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos4.jpg',1)"><img src="images/gallery/thumbnails/campos4.jpg" name="img_peq_04" border="0" id="img_peq_04"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos5.jpg',1)"><img src="images/gallery/thumbnails/campos5.jpg" name="img_peq_05" border="0" id="img_peq_05"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos6.jpg',1)"><img src="images/gallery/thumbnails/campos6.jpg" name="img_peq_06" border="0" id="img_peq_06"></a>
</td>
</tr>
<tr>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos7.jpg',1)"><img src="images/gallery/thumbnails/campos7.jpg" name="img_peq_07" border="0" id="img_peq_07"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos8.jpg',1)"><img src="images/gallery/thumbnails/campos8.jpg" name="img_peq_08" border="0" id="img_peq_08"></a>
</td>
<td class='minigaleria' align='right' valign='top' width='30%'>
<a href="javascript:;" onClick="MM_swapImage('img_gra','','images/gallery/images/campos9.jpg',1)"><img src="images/gallery/thumbnails/campos9.jpg" name="img_peq_09" border="0" id="img_peq_09"></a>
</td>
</tr>
</table>
<hr color='#DAD3CD' height='1' />
<span id='textofoto1' class='textofoto'><?php echo $traductor['foto11']; ?></span> la funcion cambia la foto perfectamente, pero tambien me gustaria que cargase un texto de descripcion en el <span id='textofoto1'> o en un div o la etiqueta que fuera, ya que me gustaria cargar la foto y el texto de descripcion.
Sabeis si hay algun parametro del swapimage que permita pasar el texto o alguna funcion para complementar el swapimage para poder saber que foto esta cargada en cada momento?
gracias por adelantado