Foros del Web » Creando para Internet » Diseño web »

Ayuda con codigo

Estas en el tema de Ayuda con codigo en el foro de Diseño web en Foros del Web. Bueno, el problema es que no logro conseguir lo que necesito... Lo que necesito es que al pasar el mouse encima de un link, el ...
  #1 (permalink)  
Antiguo 04/11/2010, 18:11
 
Fecha de Ingreso: octubre-2010
Mensajes: 4
Antigüedad: 7 años, 2 meses
Puntos: 0
Ayuda con codigo

Bueno, el problema es que no logro conseguir lo que necesito...

Lo que necesito es que al pasar el mouse encima de un link, el cual el link es de una imagen, se muestre una div con la imagen del link.

Hasta ahora he logrado mostrar el div con una imagen fija, pero lo que necesito es que por cada link diferente, carge su imagen dentro del div..

Los links los genero mediante un codigo php, el cual lee los archivos de una carpeta, la cual contiene todas las imagenes.

A continuacion coloco el codigo que he logrado hacer...

Codigo que oculta y muestra la div
Código Javascript:
Ver original
  1. <script language="JavaScript">
  2. function mostrar(objeto){
  3.    objeto.background = 'mi imagen.jpg';
  4.    document.getElementById('capa').style.visibility = 'visible';
  5. }
  6. function ocultar(objeto){
  7.    objeto.background = 'mi imagen 2.jpg';
  8.    document.getElementById('capa').style.visibility = 'hidden';
  9. }
  10. </script>

Codigo CSS para fijar la div
Código CSS:
Ver original
  1. <style type="text/css">
  2. <!--
  3. #img {
  4.     position: fixed;
  5.     visibility: hidden;
  6.     left: 0px;
  7.     top: 12px;
  8. }
  9. -->
  10. </style>

Y el codigo el cual me crear el while para se encuentran los links
Código PHP:
Ver original
  1. <?php
  2.     ... codigo >>>
  3.         while (false !== ($archivo = readdir($gestor))) {
  4.            if ($archivo != "." && $arch != "..") {
  5.                echo "<li><a href=\"/images/".$archivo."\" onMouseOver='mostrar(this);' onMouseOut='ocultar(this);' class=\"in\">".$archivo."</a></li>\n";
  6.            }
  7.         }
  8.         closedir($gestor);
  9.         echo "</ul>";
  10.     }
  11.     ?>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:24.