Con este script podemos añadir un rastro de imágenes mientras arrastramos el cursor, lo mejor de todo es que funciona en Internet Explorer y Firefox.

Para ver un preview de como se vería nuestro mouse pueden visitar esta pagina, aunque he de anticiparles que el código ahí puesto no funciona, para hacerlo funcionar copien el código de este archivo y lo pegan debajo de la etiqueta <body> de su plantilla.

Si quisiéramos podemos modificar las imágenes del rastro, para ello cambiamos la dirección de las 6 imágenes a donde hayamos alojado las nuestras, según el ejemplo de abajo. El par de números que le siguen a cada dirección de la imagen son el ancho y alto en píxeles que se mostrarán, en caso de querer algo menos intrusivo podemos poner imágenes mas pequeñas.

T1=new Array(”http://DIRECCIONDENUESTRAIMAGEN”,38,35,”…)

Al parecer se tienen que utilizar 6 imágenes forzosamente, aunque me imagino que se pueden utilizar gifs transparentes para hacer un efecto de que son menos imágenes.

Solo he probado imágenes en formato GIF, por lo que no podría asegurar su funcionamiento con otro formato. Aunque si he probado con animaciones GIF y funcionan.

Otro parámetro que podemos modificar es la distribución de las imágenes al momento de dejar el puntero en un solo lugar, para ello buscamos los siguientes parámetros:

var offsetx=15 //x offset of trail from mouse pointer
var offsety=10 //y offset of trail from mouse pointer

Con esos valores tendremos una distribución como esta:

rastro_cursor_1.jpg

Si modificáramos el 15 y 10 por 0 (cero) obtendríamos algo así:

rastro_cursor_2.jpg

Espero que les guste, ¡Suerte!


Si este Post te ayudó recuerda votar por el blog En esta Página
 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
Como agregar una Imagen en el Titulo, Parte I, Son of Moto">Como agregar una Imagen en el Titulo, Parte I, Son of Moto
Agregar un Rastro de Texto al Cursor">Agregar un Rastro de Texto al Cursor
Cambiar el Cursor">Cambiar el Cursor
Servicios Útiles">Servicios Útiles
BLOGGER FOR WORD">BLOGGER FOR WORD


Post al Azar:





Imprime este Post Imprime este Post
Envía este Post Envía este Post