CSS - Centrar un Iframe desde JavaScrip

 
Vista:
Imágen de perfil de Santiago
Val: 11
Ha disminuido su posición en 3 puestos en CSS (en relación al último mes)
Gráfica de CSS

Centrar un Iframe desde JavaScrip

Publicado por Santiago (4 intervenciones) el 03/04/2018 16:15:49
Buenos dias.
Mi problema es que tengo un Iframe pero con sus propiedades en el Jabascript por la animacion pero lo que quiero es hacer que el contenido del Iframe se centre o que solo tenga las dimenciones de la foto que abre.

El codigo muestra una foto y al darle click la abre en un Iframe.Ojala me puedan ayudar

HTML

1
2
3
4
5
6
7
8
echo"<a class='FSmesa iframe' href='data:image/jpg;charset=utf8;base64,".$imagen_ampliada."'>";
	echo"<div class='project-box servicio-mesa'>";
 
 
		echo "<img src='data:image/jpg;charset=utf8;base64,".$imagen."'>";
		echo "Codigo:".$id_imagen;
	echo"</div>";
echo"</a>";

JAVASCRIPT
1
2
$(document).ready(function(){
	$(".iframe").colorbox({iframe:true, width:"100%", height:"100%"});


Gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi
Val: 72
Bronce
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Centrar un Iframe desde JavaScrip

Publicado por santi (27 intervenciones) el 05/04/2018 01:02:54
Hola,

prueba con jQuery:

1
2
3
4
5
6
var imgHeight = $('iframe').contents().find('img').height();
var imgWidth = $('iframe').contents().find('img').width();
$('iframe').css({
    'height':imgHeight,
     'width':imgWidth
});

O prueba con css:

1
2
3
4
5
iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

Sinó utiliza lightbox -> http://lokeshdhakar.com/projects/lightbox2/

Prueba a ver ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar