iPhoto-like redimensionando imágenes

31 / julio / 2007

03. Creando la función para escalar las imágebes - JavaScript

Creamos una función que será llamada cuando el "slider" cambie.
Esto recoge todos los valores para redimensionar las imágenes usando la escala 9-1 con un rango definido y entonces se escala.

JavaScript:
  1. function scaleIt(v) {
  2.   var scalePhotos = document.getElementsByClassName('scale-image');
  3.  
  4.   floorSize = .26;
  5.   ceilingSize = 1.0;
  6.   v = floorSize + (v * (ceilingSize - floorSize));
  7.  
  8.   for (i=0; i <scalePhotos.length; i++) {
  9.     scalePhotos[i].style.width = (v*190)+'px';
  10.   }
  11. }

 

Páginas: 1 2 3 4 5 6

+

2 comentarios para iPhoto-like redimensionando imágenes

  1. Muy bueno ehh!!
    Felicitaciones!
    Me ha gustado mucho!

  2. Heeey!!!
    gracias ^^

    lo pondre a prueba ^^

    Saludos!

Agrega tu opinión Invitado, tu puedes registrarte o ingresar a tu cuenta .

No será publicado

Get your own Gravatar
Sign up for free