Foros del Web » Programando para Internet » Javascript »

Script correcto, error al multiplicarlo

Estas en el tema de Script correcto, error al multiplicarlo en el foro de Javascript en Foros del Web. Hola a todos, estaba trabajando sobre un javascript que trata de que al pasar el ratón sobre una palabra en concreto, se muestre una imagen ...
  #1 (permalink)  
Antiguo 23/05/2011, 13:01
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 5 meses
Puntos: 1
Script correcto, error al multiplicarlo

Hola a todos, estaba trabajando sobre un javascript que trata de que al pasar el ratón sobre una palabra en concreto, se muestre una imagen a su lado. El script funciona perfectamente, pero lo que tras haber dado vueltas no doy encontrado, es conseguir que con cada palabra se muestre una imagen distinta. Os dejo los códigos a ver si sabríais como hacerlo, ya que yo no he dado con éste...

Código PHP:
<script language="JavaScript">
function 
img_sobre(pic1){
pic1.src "objetos/pic1.jpg"  
}
function 
img_fuera(pic1){
p1c1.src "objetos/blank.gif"
}
</script> 
Código HTML:
<a onMouseOver="img_sobre(pic1)" onMouseOut="img_fuera(pic1)">Nombre 1</a>
<img name="pic1" src="objetos/blank.gif" width=140 height=30 border=0> 
El objetivo es entonces conseguir que al pasar el ratón sobre un hipotético Nombre 2 se mostrara una pic2. Gracias a todos
__________________
Diseño portadas para discos, interesados contactad conmigo.
  #2 (permalink)  
Antiguo 24/05/2011, 04:15
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: Script correcto, error al multiplicarlo

Esto hace el truco
Código Javascript:
Ver original
  1. function insertAfter(parent, node, referenceNode) {
  2.   parent.insertBefore(node, referenceNode.nextSibling);
  3. }
  4.  
  5. function img(imagen){
  6.     var preview = document.getElementById("preview")
  7.     if(preview != null){
  8.         preview.parentNode.removeChild(preview)
  9.     }
  10.    
  11.     var nueva_imagen=document.createElement('img');
  12.     nueva_imagen.width = 50;
  13.     nueva_imagen.height = 50;
  14.     nueva_imagen.src = imagen.rel;
  15.     nueva_imagen.id = "preview";
  16.     insertAfter(imagen.parentNode, nueva_imagen, imagen);
  17. }
  18.  
  19.  
  20. function remove_img(){
  21.     var preview = document.getElementById("preview")
  22.     if(preview != null){
  23.         preview.parentNode.removeChild(preview)
  24.     }
  25. }


Solo hay que pasarle la imagen en el atributo 'rel'

Código HTML:
Ver original
  1. <div id="contenedor"><a onMouseOver="img(this)" href="#" onMouseOut="remove_img(this)"  rel="http://th298.photobucket.com/albums/mm251/harbrei/th_rammstein.gif">Rammstein</a> o tambien <a onMouseOver="img(this)" onMouseOut="remove_img(this)" href="#" rel="http://i16.photobucket.com/albums/b21/hilaryabell/metallica.gif">Metallica</a></div>
  #3 (permalink)  
Antiguo 24/05/2011, 08:23
Avatar de breakervans  
Fecha de Ingreso: noviembre-2009
Ubicación: Vigo, España
Mensajes: 133
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: Script correcto, error al multiplicarlo

Mm sí, funciona pero el problema es que necesito la imagen en otro sitio diferente al del texto; concretamente en otra casilla de la tabla, y ese no me sirve. Gracias de todas maneras.
__________________
Diseño portadas para discos, interesados contactad conmigo.

Etiquetas: correcto
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 02:53.