sintgamas, artículos
 
Usuario:   Clave:    
   
Escribí lo que quieras:  
 
  Gastronomía| Moda| Mascotas| Industria| Om| Mi lugar| Economía| Política| Humor| Ecología| Turismo| Educación| Inmobiliarias| Sociedad| El mundo| Ocio| Música| Ciencia| Tecnología| Internet| Posicionamiento| Diseño| Deporte| Salud| Letras| Cine| Juegos| Miscelaneas| Cultura| Escultura| Pintura| Clasificados| Televisión| Alternativas| Recetas| Telefonía|  
   
 
 
27 Si la única verdad es la realidad ¿por qué no inventamos una realidad mejor?   por   marisita
 
 
Datagestion 9/25/2012 | 09:11:59 p.m.  
 
Cómo averiguar el tamaño de una imagen
Conocer el tamaño de una imagen que se va a mostrar en un sitio.
Tags:
  diseño web   programación web   capacitación en diseño web   cursos de diseño web   cursos de ASP   programación de sitios web   Ana Abregú   datagestion
 

A veces es necesario averiguar el ancho de una foto para decidir cómo mostrarla en una página.

En el ejemplo, detectaremos el ancho de una foto y si el tamaño es mayor que 600, mostraremos la foto de tamaño 600, sino, la mostraremos como está.
El código para mostrar una imagen es:
 
<img src=”imagen.jpg”>
 
Lo que se hace es agregar 3 atributos como se muestra, mientras se genera una función que controla el ancho del objeto.
 
Previo a la línea que se muestra la imagen, ingrese el código siguiente:
 
<script>
 function Tamano()
 {
 img.style.display = "block";
var ancho = img.width;
if (ancho>600) {
                 img.width=600;
                 }
  }
 </script>
<img src=”imagen.jpg” id="img" style="display:none" onload="Tamano()”>
 
En el atributo id, se ejecuta un estilo, y al cargarse la imagen, se ejecuta la function que detecta en el objeto img, el atributo de ancho de la imagen, en caso de encontrar que la imagen es mayor que 600, colocará la imagen de ese tamaño, y el alto de colocará proporcional, de manera que la imagen no se verá deformada.
 

  Ana Abregú

 

www.anaabregu.com.ar

www.datagestion.com.ar

www.posicionamientoenbuscadores.datagestion.com.ar

 

 

Ana Abregú.

www.metaliteratura.com.ar

 

Ana Abregú.

www.metaliteratura.com.ar

 

Ana Abregú

 

 

 
Agregar esta página a Mister Wong Compartir
SEO posicionamiento tendencias en marketing digital
Diseñar tu sitio o pedir que te lo diseñen
Aprovecha el diseño del sitio para el posicionamiento web
4 acciones potentes para marketing digital
Diseño de base de datos
  Comentarios: 0      
 
Enviá tu comentario
Para dejar tu comentario debes ser miembro de Sintagmas.
 
 
 
 
 
 
ULTIMAS PUBLICADAS en Mi lugar |
  Todo lo que debes saber sobre los tratamientos de estética dental
NAF
 
  Como llevar mejor la cuesta de enero con conservas del Cantábrico
NAF
 
  Cinco conservas exquisitas para saborear en verano
NAF
 
  Cuánto se juega a la lotería de navidad
NAF
 
  Pirdras Blancas
Sociedaccion
 
  Mudanza a piso en Barcelona inesperadamente fácil
Contenidos7
 
  Los sabores de siempre en restaurante Alcalá de Henares
Contenidos7
 
  ¡Por fin nos independizamos!
Contenidos7
 
  Cerrado por reformas
Wombat
 
  Muro, paredón o después
puntoedu
 
  Topografía desconcertante
HeridaAbsurda
 
  Este es Lucas, ayudá a encontrarlo
Gorda
 
  Ya son Maravilla del mundo, las Cataratas de Iguazú
JulioH
 
  La sordera oficial
Wombat
 
  Cascarudos gronchos
Miura
 
  Sintagmas, sitio incontaminado
Gorda
 
  Como terminar algo que aun no a comenzado
maria bello
 
  Candela, una herida abierta
Gorda
 
  Buenos aires bajo la niebla
Primate
 
  Robar un banco y salir impune
Primate
 
  Deportes para el pueblo
JulioH
 
  Servicio doméstico
Rafa*
 
  Como en casa
Primate
 
  Tributo a uruguay
Rafa*
 
  Llamadas comerciales al teléfono
Duck
 
  El abrazo del Oso
andre_laplume
 
  A los perro les encanta jugar
achrafx
 
  Inspirado en las chicas Bond
Claudio
 
  Tragedia en el Teatro Colón
Arcadia
 
  Celebración bicentenario
Claudio
 
 
 
 
TAGS
diseño web programación web capacitación en diseño web cursos de diseño web cursos de ASP programación de sitios web Ana Abregú datagestion
 
 
  Contacto| Términos y condiciones| Anunciar en Sintagmas| Acerca de Sintagmas| Administrar|      
Copyright 2009 y actual de Sintagmas | Todos los derechos reservados