Foros del Web » Programando para Internet » Javascript »

Manipular imagen

Estas en el tema de Manipular imagen en el foro de Javascript en Foros del Web. que onda chavos otra vez yo: Tengo una consulta en ASP ok la cual despliega un aimagen. Ok elproblema que tengo es que la tengo ...
  #1 (permalink)  
Antiguo 05/01/2004, 14:04
 
Fecha de Ingreso: noviembre-2003
Mensajes: 343
Antigüedad: 18 años, 2 meses
Puntos: 0
Manipular imagen

que onda chavos otra vez yo:

Tengo una consulta en ASP ok la cual despliega un aimagen. Ok

elproblema que tengo es que la tengo que desplegar dentro de una tabla y si laimagem llega a ser mas grande uela tabla puesme modifica toda la tabla. como pedo hacer para manipular el tamaño de la imagen para que se despliegue segun el tamaño de la tabla CLARO ESTA QUE SIN MODIFICAR LA CALIDAD DE LA IMAGEN.

Talvez reducirla a cierto porcentaje o no se...
Como puedo hacer esto??????

Gracias.........
bye
y ya saben lo de mi server haber que proponen que podemos hacer?????!!!!!!!!!!!!! bye
  #2 (permalink)  
Antiguo 05/01/2004, 14:20
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 20 años, 5 meses
Puntos: 381
Hace no mucho dejé éste en donde preguntaron lo mismo, tal vez te sirva

Código:
<script language="javascript"> 
/************************************************** Redimensionar imágenes. Script creado por Tunait! (31/7/2003) 
Si quieres usar este script en tu sitio eres libre de hacerlo con la 
condición de que permanezcan intactas estas líneas, osea, los créditos. 
No autorizo a publicar y ofrecer el código en sitios de script sin 
previa autorización 
Si quieres publicarlo, por favor, contacta conmigo. 
http://javascript.tunait.com/ 
[email protected]  
******************************************* ******/ 
var maxAncho = 300 //define la anchura máxima de la imagen 
var maxAlto = 250 //define la altura máxima de la imagen 
function fotilla(ancho,alto,cual) 
{ 
if (ancho > alto) {forma = 'apaisada'} 
if (ancho < alto) {forma = 'retrato'} 
if(forma == 'apaisada') 
 { 
 if(ancho > maxAncho) 
  { 
  porcientoAnchura = parseInt(maxAncho/ancho*100) 
  cual.width = maxAncho 
  cual.height = porcientoAnchura*alto/100 
  } 
 } 
else if (forma == 'retrato') 
 { 
 if (alto > maxAlto) 
  { 
  porcientoAltura = maxAlto/alto*100 
  cual.height = maxAlto 
  cual.width = porcientoAltura*ancho/100 
  } 
 } 
} 
</script>
Y a la imagen que se carga ponle lo siguiente:

onload="fotilla(this.width,this.height,this)"

en maxAncho y en maxAlto debes definir el tamaño máximo al que quieras que se muestren tus imágenes.
  #3 (permalink)  
Antiguo 05/01/2004, 14:23
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 20 años, 5 meses
Puntos: 381
Hace no mucho dejé éste en donde preguntaron lo mismo, tal vez te sirva

Código:
<script language="javascript"> 
/*************************************************** 
Redimensionar imágenes. Script creado por Tunait! (31/7/2003) 
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos. 
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización 
Si quieres publicarlo, por favor, contacta conmigo. 
http://javascript.tunait.com/ 
[email protected]  
************************************************************************ ******/ 
var maxAncho = 300 //define la anchura máxima de la imagen 
var maxAlto = 250 //define la altura máxima de la imagen 
function fotilla(ancho,alto,cual) 
{ 
if (ancho > alto) {forma = 'apaisada'} 
if (ancho < alto) {forma = 'retrato'} 
if(forma == 'apaisada') 
 { 
 if(ancho > maxAncho) 
  { 
  porcientoAnchura = parseInt(maxAncho/ancho*100) 
  cual.width = maxAncho 
  cual.height = porcientoAnchura*alto/100 
  } 
 } 
else if (forma == 'retrato') 
 { 
 if (alto > maxAlto) 
  { 
  porcientoAltura = maxAlto/alto*100 
  cual.height = maxAlto 
  cual.width = porcientoAltura*ancho/100 
  } 
 } 
} 
</script>
Y a la imagen que se carga ponle lo siguiente:

onload="fotilla(this.width,this.height,this)"

en maxAncho y en maxAlto debes definir el tamaño máximo al que quieras que se muestren tus imágenes.
  #4 (permalink)  
Antiguo 05/01/2004, 14:33
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 19 años, 11 meses
Puntos: 772
tunait ha repetido un mensaje. tunait ha repetido un mensaje.

Que alguien avise a la moderadora del Foro.
  #5 (permalink)  
Antiguo 05/01/2004, 14:37
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 20 años, 5 meses
Puntos: 381
chivato acusicaaaaa

Última edición por tunait; 24/01/2009 a las 01:43
  #6 (permalink)  
Antiguo 05/01/2004, 15:57
 
Fecha de Ingreso: noviembre-2003
Mensajes: 343
Antigüedad: 18 años, 2 meses
Puntos: 0
Oye es correcto esto?????????

Oye es correcto esto, porque de ser asi me marca un error de cuantificador inesperado

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script language="javascript">
/ **************************************************
*
Redimensionar imágenes. Script creado por Tunait! (31/7/2003)
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected]
**************************************************
********************** ******/
var maxAncho = 300 //define la anchura máxima de la imagen
var maxAlto = 250 //define la altura máxima de la imagen
function fotilla(ancho,alto,cual)
{
if (ancho > alto) {forma = 'apaisada'}
if (ancho < alto) {forma = 'retrato'}
if(forma == 'apaisada')
{
if(ancho > maxAncho)
{
porcientoAnchura = parseInt(maxAncho/ancho*100)
cual.width = maxAncho
cual.height = porcientoAnchura*alto/100
}
}
else if (forma == 'retrato')
{
if (alto > maxAlto)
{
porcientoAltura = maxAlto/alto*100
cual.height = maxAlto
cual.width = porcientoAltura*ancho/100
}
}
}
</script>

</head>

<body>

<img onload="fotilla(this.width,this.height,this)" border="0" src="file:///F:/imagen.JPG" width="702" height="463"></
<p>&nbsp;</p>
<p>
p>
</body>

</html>
  #7 (permalink)  
Antiguo 05/01/2004, 16:08
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 20 años, 5 meses
Puntos: 381
Uf, de los dos mensajes repes que me salieron, el bueno es el primero.

Has copiado el segundo (ley de murphy, ahora lo borro) y te quedan asteriscos sueltos. Ese es el error que te da.

quita el asterisco suelto

*

y la última fila de asteriscos sueltos

***********

Curioso que lo que dé el error sean los créditos jé...
  #8 (permalink)  
Antiguo 05/04/2010, 19:49
Avatar de maxi_lance  
Fecha de Ingreso: julio-2006
Ubicación: Capital Federal
Mensajes: 220
Antigüedad: 15 años, 6 meses
Puntos: 2
Respuesta: Manipular imagen

tiene unos años el post pero espero puedan darmen una mano...
la funcion "fotilla(this.width,this.height,this)" funciona ok, pero al momento de cargar la pagina muestra las imagenes en tamaño real antes de acomodarse con el tamaño que le especifico en dicha funcion.
Al mostrarme las imagenes grandes rompe todo el diseño mientras se carga la web completa.

Hay alguna forma de que no aparezcan en tamaño original ?

El codigo:

Código HTML:
<script language="javascript"> 

var maxAncho = 154 
var maxAlto = 115 
function fotilla(ancho,alto,cual) 
{ 
if (ancho > alto) {forma = 'apaisada'} 
if (ancho < alto) {forma = 'retrato'} 
if(forma == 'apaisada') 
 { 
 if(ancho > maxAncho) 
  { 
  porcientoAnchura = parseInt(maxAncho/ancho*100) 
  cual.width = maxAncho 
  cual.height = porcientoAnchura*alto/100 
  } 
 } 
else if (forma == 'retrato') 
 { 
 if (alto > maxAlto) 
  { 
  porcientoAltura = maxAlto/alto*100 
  cual.height = maxAlto 
  cual.width = porcientoAltura*ancho/100 
  } 
 } 
} 
</script> 

La llamo desde aca:

Código PHP:
<div id="clipwrapper">
        <
div id=clip>
            <
img src="admin/img/'.MostrarImagen($row["idProducto"]).'" onload="fotilla(this.width,this.height,this)"  border="0">            
         </
div>
      </
div

Donde los div clipwrapper y clip son recuadros para que corte la imagen.

Código HTML:
#clipwrapper{
  position:relative;
  height:115px;
  width:154px;
  border: #dbdbdc 1px solid;
  text-align:center;
}
.clip{
  position:absolute;
  clip:rect(2px 152px 113px 2px);
}
Gracias ....
  #9 (permalink)  
Antiguo 06/04/2010, 00:20
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 19 años, 9 meses
Puntos: 1284
Respuesta: Manipular imagen

Hola:

El elemento tiene un id y no tiene ningún atributo class, y en ccs cuando algo empieza por un punto es para definir una clase.

Por cierto, el tema queda cerrado por antiguo

Siempre puede referenciarse.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 02:03.