Carousel de imágenes con Javascript
Miércoles, 5 de Septiembre de 2007
Otro recurso Javascript donde podemos descargarnos un script para hacer un scroll de imágenes.
Archivo de la categoría "Javascript"
Efecto fade en una imagen al cargar
Martes, 4 de Septiembre de 2007Con un poco de CSS y javascript conseguimos que nuestras imágenes aparezcan de alpha 0 a 100 al cargarse.
LightWindow, abrir distintos archivos con javacript
Lunes, 3 de Septiembre de 2007
Esta librería tiene un efecto parecido al Lightbox pero se pueden abrir imágenes, vídeos, swfs, páginas web, pdfs…
Highslide JS, zoom de imágen con javascript
Sábado, 1 de Septiembre de 2007
Javascript para hacer un zoom de una imágen. Al hacer click sobre la imágen pequeña esta se hace grande y se puede mover (drag). Hay varios ejemplos con distintas opciones.
Window Growl 2.0, ventana de mensajes en javascript
Martes, 28 de Agosto de 2007
En IceBeat he encontrado una manera distinta de mostrar una ventana de información. Es un pequeño código en javascritp que saca una ventanita semi tranparente con efecto fade.
Es muy sencillo de usar y de modificar.
Efecto FadeOut con JQuery
Miércoles, 8 de Agosto de 2007
Un script con la librería JQuery para conseguir un efecto de “entrada salida” (fade out) para imágenes. Hay un enlace para descargarlo, es muy sencillo de usar.
Prototip, 9 tipos de tooltips en javascript
Miércoles, 8 de Agosto de 2007
En esta web puedes encontrar 9 tooltips diferentes en javascript. La página esta en inglés pero es fácil de entender.
Abrir Lightbox desde Flash
Martes, 7 de Agosto de 2007Si necesitamos abrir una imagen con ligthbox desde flash tenemos que poner este código en el head:
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement(’a');
objLink.setAttribute(’rel’,'lightbox’);
objLink.setAttribute(’title’,caption);
Lightbox.prototype.start(objLink);
}
</script>
function LightboxDelegate(url,caption) {
var objLink = document.createElement(’a');
objLink.setAttribute(’rel’,'lightbox’);
objLink.setAttribute(’title’,caption);
Lightbox.prototype.start(objLink);
}
</script>
…y en las acciones del botón flash que abrirá la imagen:
on (release){
getURL("javascript:LightboxDelegate(’images/image-1.jpg’,'caption1′)")
}
getURL("javascript:LightboxDelegate(’images/image-1.jpg’,'caption1′)")
}
Un efecto nuevo para tus enlaces con javascript
Lunes, 6 de Agosto de 2007Este es un efecto diferente para tus enlaces bautizado como "scrollovers". Al situar el ratón sobre el enlace el texto desaparece y apararece de otro color. Es un efecto que ya se habia visto en algunos menus flash.
Para hacerlo funcionar es muy sencillo, en la etiqueta head copiamos este código:
<script type="text/javascript" src="scrollovers.js"></script>
…en el estilo (.css) o en el head, damos estilo a nuestro enlace:
<style>
a.scrollover {
color: #480700;
}
a.scrollover em:first-line {
color: #C20F00;
}
</style>
a.scrollover {
color: #480700;
}
a.scrollover em:first-line {
color: #C20F00;
}
</style>
…y cuando pongamos un enlace el código será:
<a href="http://clipdepelicula.com/" class="scrollover" type="scrollover">enlace</a>
Lightbox JS v.2.0 modificado para abrir archivos swf (Películas Flash)
Jueves, 2 de Agosto de 2007
Anterior 1 2 3 4 5 6 Siguiente
Inicio
Contactar
Entradas (RSS)
Comentarios (RSS)
