lunes, 8 de febrero de 2010

CAMBIO DE MINIATURAS

Esto es una funcioncita un poco tonta pero que no la encontré por ningún sitio, el escenario es el siguiente, una imagen principal y unas miniaturas.


Lo que se desea es que al hacer click en la imagen inferior se cargue la imagen en la parte superior, el objetivo es poder ir recorriendo las imagenes.

<?php for($i=0;$i<$numImagenes;$i++){ ?>
<img class="imagenPeq" id="imagen<?php echo $i;?>" src="<?php echo $datosImagenes['url']?>" onclick="cambiarImagenPrincipal(this.id)"/>
<?php $datosImagenes=mysql_fetch_array($rsImagenes);}?>

La función cambiarImagenPrincipal es la siguiente:

function cambiarImagenPrincipal(id){
var imagenPrincipal=document.getElementById('AnuncioimagenPrincipal').src;
document.getElementById('AnuncioimagenPrincipal').src=document.getElementById(id).src;
document.getElementById(id).src=imagenPrincipal;
}

Esto no funciona en blogger ya que no permite codigo php, la finalidad de este codigo es para webs.

Danos tu comentario

Publicar un comentario en la entrada

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.