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:

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

Espero que les guste, ¡Suerte!

kbayu