Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Redimensionar imágenes

Google

Imágenes

Redimensionar imágenes

Script para galería de imágenes que comprueba si la anchura o altura de la imagen es mayor a un valor máximo establecido. Si la imagen es mayor el script la redimensiona al tamaño máximo permitido. Si la imagen es menor la muestra a su tamaño original.

!Aviso:
El script sólo redimensiona el tamaño en el que se muestra la imagen, pero no reduce sus dimensiones reales, con lo que una imagen que pese 200Kb y mida 800x600 seguirá pesando y midiendo lo mismo. El script sólo reduce el tamaño al que se muestra.

Configuración

var maxAncho = 300 //define la anchura máxima de la imagen
var maxAlto = 250 //define la altura máxima de la imagen

A la imagen inicial (la que carga inicialmente por defecto) hay que darle un id="ima1" y name="ima1"
e inmediatamente debajo colocaremos la llamada a la función de inicio.

<img src="tibidabo.jpg" name="ima1" width="273" height="205" id="ima1" alt="Catedral" / >

<script type="text/javascript">inicio()</script>

Finalmente a cada enlace para cambiar de imagen le añadimos la llamada a la función

<a href="tibidabo2.jpg" onclick="cambia('tibidabo2.jpg');return false"> foto1 </a>

bloque codigo

ver el código fuente del ejemplo


Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir