# Changing images depens on mouse position - free download src

**URL:** <https://forum.kirupa.com/t/changing-images-depens-on-mouse-position-free-download-src/317755>\
**Category:** open source\
**Created:** [January 1, 2011, 3:06pm UTC](https://forum.kirupa.com/t/changing-images-depens-on-mouse-position-free-download-src/317755 "2011-01-01T15:06:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![burnandbass](https://avatars.discourse-cdn.com/v4/letter/b/35a633/32.png) [@burnandbass](https://forum.kirupa.com/u/burnandbass)\
**Post date:** [January 1, 2011, 3:06pm UTC](https://forum.kirupa.com/t/changing-images-depens-on-mouse-position-free-download-src/317755/1 "2011-01-01T15:06:43Z")

</div>

happy new year 🙂 I am glad to share with you a component I wrote mounths ago and added some finishing touches today 🙂 It is images slider that changes (slided/fades) images depend on the mouse position - devide the stage of the number of the images and switch between them when you move your mouse. The classes automaticly devides the stage into zones (you got as many zones as pictures you pass)

Demo you can see at:

[http://burnandbass.com/mousesteps/fading/](http://burnandbass.com/mousesteps/fading/) --\> fading them, the segments are visible. If you got images of an object from different angle you can make some really good effects.

[http://burnandbass.com/mousesteps/sliding/simple-slide.html](http://burnandbass.com/mousesteps/sliding/simple-slide.html) --\> sliding (without lines visible)  
( Btw I used the same script for this gallery: [http://burnandbass.com/maggi/#/en/collections/steli-kolie/](http://burnandbass.com/maggi/#/en/collections/steli-kolie/) , just added AutoFitArea for the fullscreen )

[http://burnandbass.com/mousesteps/sliding/lines-slide.html](http://burnandbass.com/mousesteps/sliding/lines-slide.html) --\> with lines visible

The documented source avalable at [http://burnandbass.com/mousesteps/mouse-steps-slider.zip](http://burnandbass.com/mousesteps/mouse-steps-slider.zip)

The classes uses TweenLite and LoaderMax 🙂

The shoe on the pic is Supra Skytop White Tuf avalable at [http://www.stepupshop.eu/supra-skytop-white-tuf.html](http://www.stepupshop.eu/supra-skytop-white-tuf.html)

Enjoy 🙂