Pownce: No public Pownce messages.

Agrega tu enlace

iPhoto-like redimensionando imágenes Publicada el Martes 31 de Julio de 2007 a las 5:10 am por Infected-FX

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

Otras entradas relacionadas


0 Trackbacks a este post

2 comentarios

  1. Samuel
    Julio 31, 2007 a las 8:50 am

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

  2. Chicoblog
    Julio 31, 2007 a las 3:59 pm

    Heeey!!!
    gracias ^^

    lo pondre a prueba ^^

    Saludos!

Agregar comentario

*

*

XHTML: Puedes usar los siguientes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aumentar ↓ | Disminuir ↑

Sindica este sitio usando RSS

Recuerda que si quieres mantenerte informado y recibir nuestras actualizaciones agrega nuestro feed a tu lector favorito y podrás darle seguimiento a nuestro sitio.