[SOLVED]Control Page Images

Hello,

I am working on a slider feature and seem to have hit a wall. I have tried everything searched the forums and I have seen many topics related to this but not exactly what I am seeing so I hope you can help.

I created 10 images

slider.png
slider+10.png
Slider+20.png etc

I copied those files into devices.

On the control page I created Device State - Dinning Room Dimmer - Brightness Level

As image slider.png

When the page loads while the light is off it shows the off image. But on shows the missing image icon with this in the event log
undefined page requested "http://192.168.1.12:8176/images/controls/devices/slider+on.png" from 192.168.1.24

Now if i rename the 40% image file to slider+on.png the 40% image shows which isn't how I want it to work. I want it to show the image to represent the light level. What am I doing wrong?

Nevermind I think I got it first image needs to be slider+.png