Indice de Ejemplos JavaScript

• Posición de una imagen en la ventana del navegador - Compatible con: - Tamaño: 1 KB
  

  Este sin duda en un script que servirá como herramienta para cientos de ejemplos JavaScript que requieran saber la posición de un objeto en la ventana del navegador. El mismo nos permite saber la posición izquierda (left) y superior (top) del objeto (capa, layer, imagen, tabla, etc.) con respecto al margen izquierdo/superior de la ventana.

• Drag and Drop: Arrastrar imágenes con el Mouse - Compatible con: - Tamaño: 2 KB
  

  El Drag and Drop se conoce como la posibilidad de arrastrar un elemento de un lugar al otro. Este ejemplo JavaScript permite arrastrar las imágenes mediante el puntero del Mouse para moverlas y posicionarlas en el lugar "que menos molesten". Podemos definir cuáles imágenes estarán disponibles para hacer "Drag and Drop" mediante la definición de una clase específica para las mismas.

• Transición de imágenes con efecto FadeIn y FadeOut - Compatible con: - Tamaño: 3 KB
  

  Con este ejemplo JavaScript podemos crear un banner con transición de imágenes y aplicar un efecto de opacamiento simulando un FadeIn y FadeOut sobre las mismas. Cada imagen tendrá un enlace hacia una página diferente. Podemos personalizar el tiempo que estará visible cada imagen antes que se produzca el desvanecimiento.

• Efecto de opacamiento gradual en una imagen - Compatible con: - Tamaño: 2 KB
  

  En este ejemplo podemos ver como es posible aplicar un efecto de opacamiento gradual a una imagen cambiando el valor de la propiedad filter (para IE) y MozOpacity (para Firefox). Podemos definir el grado de opacamiento que tendrá la imagen y la velocidad con la que se produce el efecto.

• Efecto: Opacar una imagen con JavaScript - Compatible con: - Tamaño: 1 KB
  

  Con este ejemplo JavaScript podemos crear un efecto de opacamiento a las imágenes de nuestra página. El Script funciona con una simple función que cambia la clase de la imagen definiendo el valor de la propiedad FILTER. El efecto se produce cuando se pasa el puntero del Mouse sobre la imagen.

• Transición de imágenes con efecto Blur - Compatible con: - Tamaño: 2 KB
  

  El siguiente JavaScript crea una transición sobre las imágenes definidas en el código JavaScript y aplica un efecto tipo Blur sobre las mismas. Cada una de estas imágenes servirá de enlace hacia una página diferente por lo que podremos utilizar el Script como sistema de banner rotativo.

• Imagen con efecto recorte - Compatible con: - Tamaño: 3 KB
  

  Este ejemplo JavaScript es ideal para cuando queramos aplicar un efecto a imágenes chicas que formen parte de un menú de navegación, aunque podemos utilizarlo en cualquier caso. Las imágenes de la página que definamos para el efecto aparecerán en el mismo orden que fueron escritas en el código HTML y se posisionarán en la página de acuerdo a la posición de la imagen anterior.

• Pre carga de imágenes con JavaScript - Compatible con: - Tamaño: 1 KB
  

  Este ejemplo JavaScript nos permite hacer una pre carga de las imágenes en nuestra página. Las mismas no se mostrarán en la página pero de ser necesario esto, ya estarán cargadas en la PC del visitante listas para ser mostradas, sin el inconveniente que pueda suponer pedir al servidor la descarga rápida de la misma.