# Making an image swapper selector in HTML5 that works across devices

**URL:** https://forum.kirupa.com/t/making-an-image-swapper-selector-in-html5-that-works-across-devices/332318
**Category:** web dev
**Created:** [April 17, 2014, 6:02am UTC](https://forum.kirupa.com/t/making-an-image-swapper-selector-in-html5-that-works-across-devices/332318 "2014-04-17T06:02:13Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![chockybickyman](https://avatars.discourse-cdn.com/v4/letter/c/7bcc69/32.png) [@chockybickyman](https://forum.kirupa.com/u/chockybickyman)
#### Post date: [April 17, 2014, 6:02am UTC](https://forum.kirupa.com/t/making-an-image-swapper-selector-in-html5-that-works-across-devices/332318/1 "2014-04-17T06:02:13Z")

</div>

I am looking to create a simple image swapper similar to this concept here, it won’t change the colour, but the actual image layer and reveal a texture or different style of paving. But will follow the same concept.

See flash example  
[https://www.dulux.ie/servlet/ProjectHandler?img=sitting\_room\_d](https://www.dulux.ie/servlet/ProjectHandler?img=sitting_room_d)

I could do something like this in flash, but looking to create something like this in HTML5 so it will be visible on devices if possible. How do I go about finding the code or source files capable of giving me an idea of how I could do this. Any kind of image swapping source code out there would be great.
