Foros del Web » Programando para Internet » Javascript »

visor de fotos overlay innerthtml duda

Estas en el tema de visor de fotos overlay innerthtml duda en el foro de Javascript en Foros del Web. hola como va, miren estaba buscando un visor de fotos, sin nada del otro mundo -jquery por el momento no.- encontre este. pero no logro ...
  #1 (permalink)  
Antiguo 25/03/2012, 13:35
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 13 años, 8 meses
Puntos: 5
visor de fotos overlay innerthtml duda

hola como va, miren estaba buscando un visor de fotos, sin nada del otro mundo -jquery por el momento no.-


encontre este. pero no logro que me aparezca la imagen en la capa que aparece , intente varias cosas... el tema creo que esta en las lineas 44 y 46

o por ahi es en otro lado...

lapagina.html
Código PHP:
<html>
<
head>
<
style type="text/css">
#overlay {
visibility:hidden;
display:none;
position:absolute;
top:0px;
left0px;
z-index9;
width100%;
height100%;
background-color#000000;
opacity:0.65;
}
#media {
visibility:hidden;
position:absolute;
display:none;
left30%;
top:65px;
z-index10;
width450px;
height300px;
background-color#fff;
border:1px solid #454545;
}
*:
first-child+html body #overlay {
filteralpha(opacity=65);
} * 
html #overlay {
filteralpha(opacity=65);
}
</
style>
<
script language="javascript">
function 
open_overlay(mediatypeurl) {
document.getElementById("overlay").style.display="block";
document.getElementById("media").style.display="block";
document.getElementById("overlay").style.visibility="visible";
document.getElementById("media").style.visibility="visible";
var 
_docHeight document.body.offsetHeight;
document.getElementById("overlay").style.height=_docHeight;


//var cadena='con esto se puede ver texto...pero no puedo mandarle fotos...';

var cadena="'<img'+'src=trucho.jpg'+'>'";

document.getElementById("media").innerHTML=cadena;
}
function 
close_overlay() {
document.getElementById("overlay").style.visibility="hidden";
document.getElementById("media").style.visibility="hidden";
}
</script>
</head>
<body style="height:100%;margin:0;padding:0">
<a href="#" onClick="open_overlay();">Imagen o texto sobre la que hacer click para abrir la capa.</a>
<div id="overlay" onClick="close_overlay()">
</div>
<div id="media">
</div>
</body>
</html> 

saludos..
  #2 (permalink)  
Antiguo 25/03/2012, 18:15
 
Fecha de Ingreso: julio-2009
Ubicación: La Plata
Mensajes: 233
Antigüedad: 14 años, 8 meses
Puntos: 8
Respuesta: visor de fotos overlay innerthtml duda

hola vani18, para estos casos, te recomiendo que te fijes como quedò el fuente de tu pàgina para ver si tu script hizo lo correcto.
lo digo porque estoy casi seguro que en tu documento quedò algo asì:
Código:
....
 <div id="media">'<img'+'src=trucho.jpg'+'>'</div>
...
Igualmente me parece muy rara tu variable cadena...
¿No querràs hacer algo asì?:
Código:
src="'trucho.jpg'"
cadena="<img src="+src+"/>"
Que serìa lo mismo que:

Código:
cadena="<img src='trucho.jpg' />"
Al menos que lo hallas pensado para que cuando quieras cambiar la variable src cambie el src de la imagen. cosa que no pasarìa ya que actualizarìas el valor de la variable src pero la variable cadena ni se entera que esto pasò, ya que tambièn habrìa que actualizarla.

Otra cosa: Una buena costumbre en HTML es que las tags que no tienen otra tag de cierre se cierren, por ej:
Código:
<input type="text" >    //Buena costumbre
<input type="text" />  //Mala Costumbre
Saludos.

Última edición por pistonasos; 25/03/2012 a las 18:28
  #3 (permalink)  
Antiguo 25/03/2012, 23:13
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 13 años, 8 meses
Puntos: 5
Respuesta: visor de fotos overlay innerthtml duda

Cita:
Iniciado por pistonasos Ver Mensaje
Al menos que lo hallas pensado para que cuando quieras cambiar la variable src cambie el src de la imagen. cosa que no pasarìa ya que actualizarìas el valor de la variable src pero la variable cadena ni se entera que esto pasò, ya que tambièn habrìa que actualizarla.

ah si lo pude hacer de que sea dinamico el src, por medio de php. lo que si tengo que tener el codigo js en la misma pagina por que si no, se complicaba enviar una variable php por funcion....




no se si me falta algo...

por que la variable php se ira modificando cuando haga onmouseover.... mediante mysql_query sabre los nombre ...

o algo ,,,pero lo mas "complicado salio" o si no le encontrare una vuelta...

o le mandare ajax... por que tengo q saber el nombre de la foto.. pero eso lo hago despues.

gracias

Etiquetas: fotos, html, jquery, overlay, visor
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 06:05.