Volume Slider with Transparency

[Splitarra]

I'm trying to make a volume slider that resembles a glass tube and has a sheen on the front of the glass.

I have the 2 images, the 0% which is a tube with a transparent center. And the 100% one which is a solid colour. I want the 100% one to be placed behind the 0% image so that the volume slider looks like its filling up as you change it, but currently i can only get the 100% image to slide across the top of the 0% image not behind.

I've tried adding an image on top of the gauge but that doesn't work because images appear below gauges.
I've tried adding a subpage with the background set to the empty gauge but that blocks you from being able to interact with the gauge.

Is there any way to get the effect I'm after?

Thanks

[DemoPad]

I'm guessing the 100% image is narrower than the 0% image at the minute, so it completely covers when you slide. Make the 100% image wider than it is, with transparent edges, so that when it slides on top of the 0% one, you still see the 0% one behind. Is that what you mean?

Either that, or just use the 0% tube as an image object, and have a gauge which has a completely transparent 0% image, so you only ever see the 100% when you slide.

[Splitarra]

Sorry i couldn't find the best way to describe it at first.

I have my 0%image:
https://www.dropbox.com/s/olromsvn0vbyrai/Volumeoff.png

And my 100% image:

https://www.dropbox.com/s/zple9lamn61klof/Volume.png

Currently the 100% image scrolls over the top of the 0% image but i want it to slide behind the 0% image so that it's as if the tube fills up.


This is what i want it to do:
https://www.dropbox.com/s/neqk4v9kikq3j ... eright.png

But this is what its doing currently:
https://www.dropbox.com/s/4ox2mk14fex0v ... ewrong.png


Thanks

[DemoPad]

Yep with you now - you need to take out the left most curve & have that as a separate image - so the new 0% image has a straight edge.

You'll need to have the new left image change to a 'filled' edge highlight image when the number is > 0 if you want 0% to show no blue whatsoever. If you email [email protected] they'll be able to send you a sample project which does this.

[Splitarra]

Perfect, that worked great. Thanks

[gimbers]

Hi DemoPad,

I have tried this, but with no luck.

I have an image on the page with the left hand curve, "v0" attached, for when the volume is zero (appears by flag #_volume=0).
The guage to the right of this works great with "100" as the image and "0" as the highlight.
As soon as the number/volume gets above zero the left hand curve is replaced by "v1", also attached (flag #_volume>0).

The problem I have is that when the volume is very low, the guage looks terrible as in the attached. I can't figure out how to tidy it up?

Any help gratefully appreciated.
gimbers

[DemoPad]

Suggest using the minimum offset parameter of your gauge, so that you always see the full circle as the lowest value.