It is currently March 28th, 2024, 7:10 pm

Sliding image

Get help with creating, editing & fixing problems with skins
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Sliding image

Post by jsmorley »

xenium wrote:This is the skin. TestSkinSlide.zip
I can not figure out how to make it move in sync
You really can't, because you are trying to have that small panel, and the associated meters, slide out from under the big panel, but the big panel is partially transparent. So you are ruining the magic trick. When you slide the small panel and it's meters back, they will still be visible under the big meter.

I think the best you can do is have the weather meters "hidden" to start with, and at the end of the ActionTimer measure that "grows" the small panel, have an action that "shows" them all at once. Then do the reverse when you are "shrinking" the small panel. Have it first "hide" the weather meters all at once, then slide (shrink) the small panel.

You can use !HideMeterGroup and !ShowMeterGroup to facilitate that.
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Sliding image

Post by balala »

xenium wrote:This is the skin. TestSkinSlide.zip
I can not figure out how to make it move in sync
Probably neither this isn't the best solution, but here is what I'd do:

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

@include="#@#Location.inc"

[MeasureQuote]
Measure=Plugin
Plugin=QuotePlugin
Path="#@#Location.inc"

[Variables]
UpdateRateSeconds=600
URL1=#LocationURL#?tenday&units=us&tf=12h
URL2=#LocationURL#?units=us&tf=12h
U2=[!UpdateMeasureGroup Sliders][!UpdateMeterGroup Sliders][!Redraw]
W2=50
Offset=0
SlideAmount=12

[IconStyle]
Path=#@#Icons
Group=Sliders
W=(#Offset#/2)
DynamicVariables=1
Hidden=0
ImageAlpha=(2.1*#Offset#)

[DAYStyle]
Group=Sliders
W=#Offset# 
H=260
DynamicVariables=1
hidden=0
FontSize=8
FontColor=250,250,250,(2.1*#Offset#)
StringStyle=normal
StringEffect=SHADOW
FontFace=Tuffy
StringAlign=left
FontEffectColor=168,168,168,(1.4*#Offset#)
AntiAlias=1
ClipString=1

[TempStyle]
Group=Sliders
W=#Offset# 
H=260
DynamicVariables=1
Hidden=0
FontSize=8
FontColor=250,250,250,(2.1*#Offset#)
StringStyle=Normal
StringEffect=SHADOW
FontFace=Subpear
StringAlign=Center
FontEffectColor=0,0,0,(0.66*#Offset#)
AntiAlias=1
ClipString=1
Text=%1 / %2

[MeasureSlider]
Measure=Plugin
Plugin=ActionTimer
Group=Sliders
ActionList1=Repeat Right,#W2#,20
ActionList2=Repeat Left,#W2#,20
Right=[!SetVariable Offset "(Clamp(#Offset#+#SlideAmount#,0,120))"]#U2#
Left=[!SetVariable Offset "(Clamp(#Offset#-#SlideAmount#,0,120))"]#U2#
IfCondition=#Offset# = 0
IfTrueAction=[!SetOption Header LeftMouseUpAction """[!CommandMeasure MeasureSlider "Stop 2"][!CommandMeasure MeasureSlider "Execute 1"]"""]
IfCondition2=#Offset# =120
IfTrueAction2=[!SetOption Header LeftMouseUpAction """[!CommandMeasure MeasureSlider "Stop 1"][!CommandMeasure MeasureSlider "Execute 2"]"""]
DynamicVariables=1

[MeasureDAY]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>
UpdateRate=#UpdateRateSeconds#
StringIndex=1

[MeasureDAY1]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=2

[MeasureDAY2]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=3

[MeasureDAY3]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=4

[MeasureDAY4]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=5

[MeasureTMAX]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>
UpdateRate=#UpdateRateSeconds#
StringIndex=1
Substitute="&deg;":""

[MeasureTMAX1]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=2
Substitute="&deg;":""

[MeasureTMAX2]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=3
Substitute="&deg;":""

[MeasureTMAX3]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=4
Substitute="&deg;":""

[MeasureTMAX4]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=5
Substitute="&deg;":""

[MeasureTMIN]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>
UpdateRate=#UpdateRateSeconds#
StringIndex=1
Substitute="&deg;":""

[MeasureTMIN1]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=2
Substitute="&deg;":""

[MeasureTMIN2]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=3
Substitute="&deg;":""

[MeasureTMIN3]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=4
Substitute="&deg;":""

[MeasureTMIN4]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=5
Substitute="&deg;":""

[MeasureIcon]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt
StringIndex=1
UpdateRate=#UpdateRateSeconds#

[MeasureIcon1]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=2
UpdateRate=#UpdateRateSeconds#

[MeasureIcon2]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=3
UpdateRate=#UpdateRateSeconds#

[MeasureIcon3]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=4
UpdateRate=#UpdateRateSeconds#

[MeasureIcon4]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=5
UpdateRate=#UpdateRateSeconds#

[background]
Meter=Image
ImageName=#@#bg.png
X=0
Y=0

[glass]
Meter=Image
Group=Sliders
ImageName=#@#glass.png
X=(280+#Offset#)
Y=17
W=#Offset#
H=260
DynamicVariables=1
hidden=0

[MeterDAY1]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY1
X=7r
Y=15r

[MeterDAY2]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY2
X=0r
Y=55r

[MeterDAY3]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY3
X=0r
Y=55r
W=#Offset# 

[MeterDAY4]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY4
X=0r
Y=55r

[MeterTemp1]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX1
MeasureName2=MeasureTMIN1
X=23r
Y=([glass:Y] + 35)

[MeterTemp2]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX2
MeasureName2=MeasureTMIN2
Group=Sliders
X=0r
Y=55r

[MeterTemp3]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX3
MeasureName2=MeasureTMIN3
X=0r
Y=55r

[MeterTemp4]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX4
MeasureName2=MeasureTMIN4
X=0r
Y=55r

[MeterIcon1]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon1
X=30r
Y=(54-#Offset#/4)

[MeterIcon2]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon2
X=0r
Y=50r

[MeterIcon3]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon3
X=0r
Y=55r

[MeterIcon4]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon4
X=0r
Y=55r

[Header]
Meter=Image
Group=Sliders
ImageName=#@#header.png
X=(398+#Offset#)
Y=2
W=15
H=260
DynamicVariables=1
Hidden=0
A few considerations about the above code:
  • I reordered a lot of meters, to can relatively position them.
  • I used the previously mentioned relative positioning.
  • I used some meter style sections, as well, creating one for the meters displaying the days, one for those displaying the temperatures and finally one for the meters displaying the icons.
Please check the above code and let me know if it is good for your needs.
User avatar
xenium
Posts: 841
Joined: January 4th, 2018, 9:52 pm

Re: Sliding image

Post by xenium »

balala wrote:Probably neither this isn't the best solution, but here is what I'd do:

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

@include="#@#Location.inc"

[MeasureQuote]
Measure=Plugin
Plugin=QuotePlugin
Path="#@#Location.inc"

[Variables]
UpdateRateSeconds=600
URL1=#LocationURL#?tenday&units=us&tf=12h
URL2=#LocationURL#?units=us&tf=12h
U2=[!UpdateMeasureGroup Sliders][!UpdateMeterGroup Sliders][!Redraw]
W2=50
Offset=0
SlideAmount=12

[IconStyle]
Path=#@#Icons
Group=Sliders
W=(#Offset#/2)
DynamicVariables=1
Hidden=0
ImageAlpha=(2.1*#Offset#)

[DAYStyle]
Group=Sliders
W=#Offset# 
H=260
DynamicVariables=1
hidden=0
FontSize=8
FontColor=250,250,250,(2.1*#Offset#)
StringStyle=normal
StringEffect=SHADOW
FontFace=Tuffy
StringAlign=left
FontEffectColor=168,168,168,(1.4*#Offset#)
AntiAlias=1
ClipString=1

[TempStyle]
Group=Sliders
W=#Offset# 
H=260
DynamicVariables=1
Hidden=0
FontSize=8
FontColor=250,250,250,(2.1*#Offset#)
StringStyle=Normal
StringEffect=SHADOW
FontFace=Subpear
StringAlign=Center
FontEffectColor=0,0,0,(0.66*#Offset#)
AntiAlias=1
ClipString=1
Text=%1 / %2

[MeasureSlider]
Measure=Plugin
Plugin=ActionTimer
Group=Sliders
ActionList1=Repeat Right,#W2#,20
ActionList2=Repeat Left,#W2#,20
Right=[!SetVariable Offset "(Clamp(#Offset#+#SlideAmount#,0,120))"]#U2#
Left=[!SetVariable Offset "(Clamp(#Offset#-#SlideAmount#,0,120))"]#U2#
IfCondition=#Offset# = 0
IfTrueAction=[!SetOption Header LeftMouseUpAction """[!CommandMeasure MeasureSlider "Stop 2"][!CommandMeasure MeasureSlider "Execute 1"]"""]
IfCondition2=#Offset# =120
IfTrueAction2=[!SetOption Header LeftMouseUpAction """[!CommandMeasure MeasureSlider "Stop 1"][!CommandMeasure MeasureSlider "Execute 2"]"""]
DynamicVariables=1

[MeasureDAY]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>.*<span class="h5">(.*)</span>
UpdateRate=#UpdateRateSeconds#
StringIndex=1

[MeasureDAY1]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=2

[MeasureDAY2]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=3

[MeasureDAY3]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=4

[MeasureDAY4]
Measure=WebParser
Url=[MeasureDAY]
UpdateRate=#UpdateRateSeconds#
StringIndex=5

[MeasureTMAX]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>.*Hi: <strong>(.*)</strong>
UpdateRate=#UpdateRateSeconds#
StringIndex=1
Substitute="&deg;":""

[MeasureTMAX1]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=2
Substitute="&deg;":""

[MeasureTMAX2]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=3
Substitute="&deg;":""

[MeasureTMAX3]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=4
Substitute="&deg;":""

[MeasureTMAX4]
Measure=WebParser
Url=[MeasureTMAX]
UpdateRate=#UpdateRateSeconds#
StringIndex=5
Substitute="&deg;":""

[MeasureTMIN]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>.*Lo: <strong>(.*)</strong>
UpdateRate=#UpdateRateSeconds#
StringIndex=1
Substitute="&deg;":""

[MeasureTMIN1]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=2
Substitute="&deg;":""

[MeasureTMIN2]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=3
Substitute="&deg;":""

[MeasureTMIN3]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=4
Substitute="&deg;":""

[MeasureTMIN4]
Measure=WebParser
Url=[MeasureTMIN]
UpdateRate=#UpdateRateSeconds#
StringIndex=5
Substitute="&deg;":""

[MeasureIcon]
Measure=WebParser
Url=#URL1#
RegExp=(?siU)div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt.*div class="symbol_50x50d symbol_d(.*)_50x50" alt
StringIndex=1
UpdateRate=#UpdateRateSeconds#

[MeasureIcon1]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=2
UpdateRate=#UpdateRateSeconds#

[MeasureIcon2]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=3
UpdateRate=#UpdateRateSeconds#

[MeasureIcon3]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=4
UpdateRate=#UpdateRateSeconds#

[MeasureIcon4]
Measure=WebParser
Url=[MeasureIcon]
StringIndex=5
UpdateRate=#UpdateRateSeconds#

[background]
Meter=Image
ImageName=#@#bg.png
X=0
Y=0

[glass]
Meter=Image
Group=Sliders
ImageName=#@#glass.png
X=(280+#Offset#)
Y=17
W=#Offset#
H=260
DynamicVariables=1
hidden=0

[MeterDAY1]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY1
X=7r
Y=15r

[MeterDAY2]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY2
X=0r
Y=55r

[MeterDAY3]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY3
X=0r
Y=55r
W=#Offset# 

[MeterDAY4]
Meter=String
MeterStyle=DAYStyle
MeasureName=MeasureDAY4
X=0r
Y=55r

[MeterTemp1]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX1
MeasureName2=MeasureTMIN1
X=23r
Y=([glass:Y] + 35)

[MeterTemp2]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX2
MeasureName2=MeasureTMIN2
Group=Sliders
X=0r
Y=55r

[MeterTemp3]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX3
MeasureName2=MeasureTMIN3
X=0r
Y=55r

[MeterTemp4]
Meter=String
MeterStyle=TempStyle
MeasureName=MeasureTMAX4
MeasureName2=MeasureTMIN4
X=0r
Y=55r

[MeterIcon1]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon1
X=30r
Y=(54-#Offset#/4)

[MeterIcon2]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon2
X=0r
Y=50r

[MeterIcon3]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon3
X=0r
Y=55r

[MeterIcon4]
Meter=Image
MeterStyle=IconStyle
MeasureName=MeasureIcon4
X=0r
Y=55r

[Header]
Meter=Image
Group=Sliders
ImageName=#@#header.png
X=(398+#Offset#)
Y=2
W=15
H=260
DynamicVariables=1
Hidden=0
A few considerations about the above code:
  • I reordered a lot of meters, to can relatively position them.
  • I used the previously mentioned relative positioning.
  • I used some meter style sections, as well, creating one for the meters displaying the days, one for those displaying the temperatures and finally one for the meters displaying the icons.
Please check the above code and let me know if it is good for your needs.
Thank you very much for your response.
Because the large panel is semi transparent, I think this is the best possible solution.
Can the above code also apply if the large panel and the small panel are not transparent?
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Sliding image

Post by balala »

xenium wrote:Can the above code also apply if the large panel and the small panel are not transparent?
Yes, but if the large panel is opaque, it is much simpler, because you don't have to change the transparency of the strings / images and don't have to resize the images. Just have to position the meters relatively to each other and it's ready. Much simpler, I think...
User avatar
xenium
Posts: 841
Joined: January 4th, 2018, 9:52 pm

Re: Sliding image

Post by xenium »

balala wrote:Yes, but if the large panel is opaque, it is much simpler, because you don't have to change the transparency of the strings / images and don't have to resize the images. Just have to position the meters relatively to each other and it's ready. Much simpler, I think...
ok, thanks again for your help
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Sliding image

Post by balala »

You're welcome (Cu multă plăcere).
User avatar
xenium
Posts: 841
Joined: January 4th, 2018, 9:52 pm

Re: Sliding image

Post by xenium »

I replaced the two semi-transparent panels with black panels.
The question is whether it can keep changing the transparency of the strings and icons, but the small panel does not change its size?
Now the small panel appears and disappears along with text and icons
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Sliding image

Post by balala »

xenium wrote:I replaced the two semi-transparent panels with black panels.
The question is whether it can keep changing the transparency of the strings and icons, but the small panel does not change its size?
Now the small panel appears and disappears along with text and icons
If you're using opaque panels, I wouldn't change nor the transparency, nor the size of nor the icons, nor the strings, same as I wouldn't change the size of the [glass] meter as well. Instead I'd leave them to slide below the large panel. Because it's opaque, you won't see the icons / strings placed below it.
User avatar
xenium
Posts: 841
Joined: January 4th, 2018, 9:52 pm

Re: Sliding image

Post by xenium »

balala wrote:If you're using opaque panels, I wouldn't change nor the transparency, nor the size of nor the icons, nor the strings, same as I wouldn't change the size of the [glass] meter as well. Instead I'd leave them to slide below the large panel. Because it's opaque, you won't see the icons / strings placed below it.
I agree. But at a small sliding speed of the small panel, the text and the icons appear in advance when the panel slides out and remains behind when the panel slips back.
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Sliding image

Post by jsmorley »

Perhaps this will shed some light...

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[Variables]
Offset=0
U=[!UpdateMeasureGroup Sliders][!UpdateMeterGroup Sliders][!Redraw]
Wait=1
RAction=[!CommandMeasure MeasureSlider "Stop 2"][!CommandMeasure MeasureSlider "Execute 1"][!SetOption MeterSliderBar LeftMouseUpAction """#LAction#"""] 
LAction=[!CommandMeasure MeasureSlider "Stop 1"][!CommandMeasure MeasureSlider "Execute 2"][!SetOption MeterSliderBar LeftMouseUpAction """#RAction#"""]

[MeterSliderBar]
Group=Sliders
Meter=Image
X=(400 + #Offset#)
Y=50
W=10
H=150
SolidColor=150,150,150,255
DynamicVariables=1
LeftMouseUpAction=#RAction#

[MeterSmallPanel]
Group=Sliders
Meter=Image
X=(100 + #Offset#)
Y=50
W=300
H=150
SolidColor=60,60,60,255
DynamicVariables=1

[MeterSomeText1]
Group=Sliders
Meter=String
X=(115 + #Offset#)
Y=85
FontSize=13
FontWeight=400
FontColor=255,255,255,255
AntiAlias=1
DynamicVariables=1
Text=String Meter 1

[MeterSomeText2]
Group=Sliders
Meter=String
X=(115 + #Offset#)
Y=10R
FontSize=13
FontWeight=400
FontColor=255,255,255,255
AntiAlias=1
DynamicVariables=1
Text=String Meter 2

[MeterSomeText3]
Group=Sliders
Meter=String
X=(115 + #Offset#)
Y=10R
FontSize=13
FontWeight=400
FontColor=255,255,255,255
AntiAlias=1
DynamicVariables=1
Text=String Meter 3

[MeterSomeImage]
Group=Sliders
Meter=Image
ImageName=#@#Images\44.png
X=(250 + #Offset#)
Y=55
DynamicVariables=1

[MeterBigPanel]
Meter=Image
W=400
H=250
SolidColor=47,47,47,255

[MeasureSlider]
Group=Sliders
Measure=Plugin
Plugin=ActionTimer
ActionList1=Repeat Right, #Wait#, 31
Right=[!SetVariable Offset "(Clamp(#Offset#+10,0,300))"]#U#
ActionList2=Repeat Left, #Wait#, 31
Left=[!SetVariable Offset "(Clamp(#Offset#-10,0,300))"]#U#
DynamicVariables=1
Click to Animate:
gif.gif
And if we make the [MeterBigPanel] image slightly transparent, we can see the man behind the curtain...

Click to Animate:
gif2.gif
You do not have the required permissions to view the files attached to this post.