IExplorer zoom

Aquí puedes preguntar o compartir tus dudas y conocimientos acerca del programa
hola en un proyecto quiero añadir una imagen a traves de un link directo... o sea inserto un link de imagen en un imput y cuando apreto un boton me da la imagen en un iexplorer pequeño que tengo en la pagina... mi problema es como hago para que dicha imagen se adapte a mi iexplorer... mediante un zoom seria la solucion pero como lo puedo lograr...
Sencillo, con un poco de conocimiento HTML y CSS...
Crea un documento HTML y linkea la imagen, no olvides el meta viewport y con CSS declara un width o heigth de 100% y listo, sin importar el tamaño del que pongas el plugin la imagen se mostrará al tamaño que le ajustes
a gracias dowsher.. no tengo ni dea de html.. pense que con un codigo en plugin se solucionaba...
valetodo78 escribió:a gracias dowsher.. no tengo ni dea de html.. pense que con un codigo en plugin se solucionaba...
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>IMG - DS</title>

<style type="text/css">
*, *::after, *::before {
margin: 0;
padding: 0;
box-sizing: border-box;
}

div {
background-color: white;
width: 100%;
height: 100vh;
position: absolute;
}

div img {
max-height: 100%;
position: fixed;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<div>
<img src="Aquí el Linl de la imagen">
</div>
</body>
</html>
Gracias dowsher.. pero con eso ya tengo que tener el link de la imagen establecido...

mi idea era tener un iexplorer en la pagina de ams.
un imput donde pegar el link de la imagen y con un boton le doy la opcion que abra dicha imagen en ese iexplorer...

el codigo que tengo preparado me funciona bien...pero me sale la imagen grande y yo quisiera redimensionarla con la medida de un avatar o estilo la foto de perfil de face..

codigo boton de accion

if (Input.GetText("Input_link") ~= "") then
	IExplorer.Navigate("Web"..ActiveTab, Input.GetText("Input_link"));
end
_ImageUrl = Input.GetText("Input1")

_HTML = [[<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>IMG - DS</title>

        <style type="text/css">
                *, *::after, *::before {
                        margin: 0;
                        padding: 0;
                        box-sizing: border-box;
                }

                div {
                        background-color: white;
                        width: 100%;
                        height: 100vh;
                        position: absolute;
                }

                div img {
                        max-height: 100%;
                        position: fixed;
                        top: 50%;
                        left:50%;
                        transform: translate(-50%, -50%);
                }
        </style>
</head>
<body>
        <div>
                <img src="]] .. _ImageUrl .. [[">
        </div>
</body>
</html>]]

Web.LoadHTML("Web1", _HTML) -- Con WebObject, el que viene por defecto en AMS
me tira un error

attemp to call field "loadhtml" (a nil value)


y me marca el error en la ultima linea
Mala escritura?
Web.LoadHTML
Web.LoadHTML... no esta bien escrito... yo lo escribi asi a las apuradas en este post... copie y pegue el cod tal cual
Intenta así, está correctamente escrito todo, la verdad no sé porqué te falla, si estás usando Web Object? no iExplorer Plugin
Imagen_en_objeto.xpg

Insertar páginas .xpg en AMS
hola si estoy usando el web.objer

importe la pagina que me pasastte me da el mismo error pero en onshow
la verdad no se que pasa...
Creo entonces es problema de tu AMS, te tocará reinstalar... Personalmente no uso iExplorer Object pues tiene muchos errores y está desactualizado, no reconoce las nuevas etiquetas de HTML, los nuevos estilos de CSS y mucho menos las nuevas funciones de JavaScript, por ello uso Web Object, pues éste se basa en el navegador Internet Explorer de tu windows (no es muy adecuado ya que es más común tener actualizado Chrome antes que iExplorer pues acostumbran mucho a rechazar las actualizaciones de sistema, pero es lo que hay).
ok dowsher muchas gracias

a que version de ams tendria que instalar tengo 8.0.1.1
dowsher este mismo procedimiento se puede realizar con videos online? lo intente cambiando image por video pero no funciona... con las imagenes funciona espetacular....
Claro pero debes modificar el CSS y utilizar un iFrame HTML para el vídeo...
Ok dowsher donde puedo encontrar un tutorial para modificar el css, y adaptarlo para videos y web online... ya que usando el iexplorer anda bien, pero quizas con esto la web se adapte mejor a mi pagina con el tema del zoom y eso...
tuve metiendo mano para insertar video pero no jala... ni con el iframe ni direccion de video youtube

_VideoUrl = Input.GetText("Input1")

_HTML = [[<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>VID - DS</title>

                <style type="text/css">
                *, *::after, *::before {
                        margin: 0;
                        padding: 0;
                        box-sizing: border-box;
                }

<iframe
      width="880"
      height="1000"
      frameborder="0"
      style="background-color:#FFF"
       src="http: etc . . .</iframe>

                .mapframe iframe	{ 
width:880px; 
height:1000px;
background:#FFF;
border:none;
}

        </style>
</head>
<body>
        <div>
                <vid src="]] .. _VideoUrl .. [[">
        </div>
</body>
</html>]]

Web.LoadHTML("Web1", _HTML)
dowsher dame una manito con este codigo porfa, quiero poner vid online... tuve revisando paginas css pero no le doy a la tecla
Bueno, veo que realmente no tienes noción sobre HTML ni CSS :focus: jejeje...
Pero mira, aquí te lo dejo
ID_YouTube = Input.GetText("Input1"); --Se requiere el ID del vídeo de YouTube que quieras mostrar, si ya tienes uno y siempre será ese, entonces no necesitas esta línea y solo sustituye la variable por su valor real más abajo, espero darme a entender.

code_HTML = [[<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title></title>
<link rel="stylesheet" href="index.css">

<style>
*, *::after, *::before {
margin: 0;
padding: 0;
}

body {
overflow-y: hidden;
background-color: black;
}

div {
max-height: 100vh;
height: 56.25vw;
width: 100vw;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}

div iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div>
<iframe width="640" height="360" src="https://www.youtube.com\/embed\/]] .. ID_YouTube .. [[" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>]]

https://www.youtube.com/watch?v=EZFwciewNL0
https://www.youtube.com/watch?v=sDP8ICaz-QU
https://www.youtube.com/watch?v=X0Y61bu0TKw

De un link de vídeo de YouTube, lo que viene después del signo de igual "=" (marcado en rojo) es el ID de YouTube
gracias dowsher por la respuesta... pero ademas tengo que agregar esto al final???
Web.LoadHTML("Web1", _HTML)
o a un plugin de media... porque no reproduce nada