Rastro de Imagenes en el Cursor
Categorías: Otros Trucos, Trucos Script/Plugin/Widget2. July 2006.21:07
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!
Si este Post te ayudó recuerda votar por el blog En esta Página
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 MotoAgregar 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:
Envía este Post


Translate this Blog 









24. July 2006. a las 9:43 pm
no entiendo nada
31. August 2006. a las 4:07 am
Hola quiero que me envien unas buenas po pa poder arreglar mi hi5 ok grasias jhonkul… jota_1256@hotmail.com
18. April 2008. a las 8:25 pm
Hola que tal gracias por el post quisiera saber si el cross-browser trail script funciona para el hi5 y tambien si se le pueden agregar en lugar de imagenes “.gif” archivos “.ani” la verdad me gustaria colocar varios iconos parecidos pero estos son animados podrian reponder a mi correo? es: jann_reivaj_orutra@hotmail.com