Reply to thread

Message

<blockquote data-quote="catavolt" data-source="post: 1007570" data-attributes="member: 54906">Hehehe, there are some issues regarding the #fanarthandler.music.backdrop1.play <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />1. If no #fanarthandler.music.backdrop1.play is available, the animation looks really bad.So I made a kind of default backdrop to not spoil the animation (see attachment).Therefore the code had to be expanded a bit (see spoiler). (Pls note: I set all positions 400 px to the right to fit better in my skins, so to fit in yours you have to subtract 400 px accordingly)&nbsp;2. If you are using a sampler with various artists, very often the #fanarthandler.music.backdrop1.play refers to the artist played before the actual artist, so there must be something to ensure the backdrop belongs to the actual played artist. Working on that at the moment - let you know when I have a solution <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite2" alt=";)" title="Wink&nbsp; &nbsp; ;)" loading="lazy" data-shortname=";)" />&nbsp;&nbsp;[spoiler][CODE]&lt;!-- *************************************************************************************************** --&gt;&nbsp; &nbsp; &lt;!-- *************************** Rotating CD and Flipping Cover&nbsp; *************************************** --&gt;&nbsp; &nbsp; &lt;!-- *************************************************************************************************** --&gt;&nbsp; &nbsp; &lt;!-- ANIMATION IDEA THX TO KIWIJUNGLIST AND POG! --&gt;&nbsp; &nbsp; &lt;!-- Inside of case --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask1.png&quot;&gt;case-mask4.jpg&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask1.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- Rotating CD --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;200&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFE0E0E0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotate&quot; center=&quot;1600,400&quot; time=&quot;3000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; start=&quot;0,0&quot; end=&quot;0,200&quot; time=&quot;250&quot;&gt;hidden&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- CD Just before sliding up --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFE0E0E0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotate&quot; center=&quot;1600,600&quot; time=&quot;3000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:05)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- CD sliding up out of case --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;colordiffuse&gt;FFE0E0E0&lt;/colordiffuse&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;mvr.cdtex.png&quot;&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; start=&quot;0,0&quot; end=&quot;0,-200&quot; time=&quot;1000&quot; reversible=&quot;false&quot;&gt;visible&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotate&quot; center=&quot;1600,600&quot; time=&quot;3000&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;true&quot; condition=&quot;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- Front Cover ontop of Rotating CD --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- Inside of case CD Insert overlay--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask3.png&quot;&gt;case-mask4.jpg&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask3.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- open front cover at 0:05 --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;0&quot; end=&quot;180&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;100&quot; end=&quot;0&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- open inside cover at 0:05 --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;right&lt;/align&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask2.png&quot;&gt;case-mask4.jpg&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;-180&quot; end=&quot;0&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;right&lt;/align&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask2.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;-180&quot; end=&quot;0&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot; condition=&quot;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- Close inside at 0:07 --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask2.png&quot;&gt;case-mask4.jpg&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;0&quot; end=&quot;-180&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;100&quot; end=&quot;0&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1000&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;800&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;zoom&gt;true&lt;/zoom&gt;&nbsp; &nbsp; &nbsp; &lt;keepaspectratio&gt;true&lt;/keepaspectratio&gt;&nbsp; &nbsp; &nbsp; &lt;texture mask=&quot;case-mask2.png&quot;&gt;#fanarthandler.music.backdrop1.play&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;0&quot; end=&quot;-180&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;100&quot; end=&quot;0&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- Close front at 0:07 --&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; delay=&quot;0&quot; time=&quot;1000&quot; center=&quot;1400,0&quot; start=&quot;180&quot; end=&quot;0&quot; tween=&quot;sine&quot; easing=&quot;inout&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; delay=&quot;450&quot; time=&quot;100&quot; start=&quot;0&quot; end=&quot;100&quot; condition=&quot;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- front cover spin first part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1600,0&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- rear cover spin middle part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;..\..\..\Thumbs\Music\Artists\#Play.Current.ArtistL.jpg&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1600,0&quot; start=&quot;-180&quot; end=&quot;180&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;100&quot; delay=&quot;450&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- front cover spin last part--&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;1400&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;400&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;400&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;400&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;#Play.Current.Thumb&lt;/texture&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;rotatey&quot; time=&quot;2000&quot; delay=&quot;0&quot; center=&quot;1600,0&quot; start=&quot;0&quot; end=&quot;360&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;100&quot; delay=&quot;1450&quot; loop=&quot;false&quot; reversible=&quot;false&quot; condition=&quot;string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)&lt;/visible&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;!-- ANIMATION IDEA THX TO KIWIJUNGLIST AND POG! --&gt;[/CODE][/spoiler]</blockquote>

[QUOTE="catavolt, post: 1007570, member: 54906"] Hehehe, there are some issues regarding the #fanarthandler.music.backdrop1.play ;) 1. If no #fanarthandler.music.backdrop1.play is available, the animation looks really bad. So I made a kind of default backdrop to not spoil the animation (see attachment). Therefore the code had to be expanded a bit (see spoiler). (Pls note: I set all positions 400 px to the right to fit better in my skins, so to fit in yours you have to subtract 400 px accordingly) 2. If you are using a sampler with various artists, very often the #fanarthandler.music.backdrop1.play refers to the artist played before the actual artist, so there must be something to ensure the backdrop belongs to the actual played artist. Working on that at the moment - let you know when I have a solution ;) [spoiler] [CODE]     <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask1.png">case-mask4.jpg</texture> <visible>!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]</visible> </control> <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask1.png">#fanarthandler.music.backdrop1.play</texture> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>200</posY> <width>400</width> <height>400</height> <colordiffuse>FFE0E0E0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="rotate" center="1600,400" time="3000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <animation effect="slide" start="0,0" end="0,200" time="250">hidden</animation> <visible>![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <colordiffuse>FFE0E0E0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="rotate" center="1600,600" time="3000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <visible>string.equals(#currentplaytime,0:05)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <colordiffuse>FFE0E0E0</colordiffuse> <texture mask="mvr.cdtex.png">#Play.Current.Thumb</texture> <animation effect="slide" start="0,0" end="0,-200" time="1000" reversible="false">visible</animation> <animation effect="rotate" center="1600,600" time="3000" start="0" end="360" loop="true" condition="![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)]">conditional</animation> <visible>string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <visible>![string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)|string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask3.png">case-mask4.jpg</texture> <visible>!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]</visible> </control> <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask3.png">#fanarthandler.music.backdrop1.play</texture> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="1000" center="1400,0" start="0" end="180" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="450" time="100" start="100" end="0" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <align>right</align> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">case-mask4.jpg</texture> <animation effect="rotatey" delay="0" time="1000" center="1400,0" start="-180" end="0" tween="sine" easing="inout" loop="false" reversible="false" condition="!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)]">conditional</animation> <animation effect="fade" delay="450" time="100" start="0" end="100" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <visible>!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)]</visible> </control> <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <align>right</align> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">#fanarthandler.music.backdrop1.play</texture> <animation effect="rotatey" delay="0" time="1000" center="1400,0" start="-180" end="0" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <animation effect="fade" delay="450" time="100" start="0" end="100" condition="string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)">conditional</animation> <visible>string.equals(#currentplaytime,0:05)|string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)</visible> </control>  <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">case-mask4.jpg</texture> <animation effect="rotatey" delay="0" time="1000" center="1400,0" start="0" end="-180" tween="sine" easing="inout" loop="false" reversible="false" condition="!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]">conditional</animation> <animation effect="fade" delay="450" time="100" start="100" end="0" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <visible>!string.equals(#fanarthandler.music.backdrop1.play)+[string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)]</visible> </control> <control> <type>image</type> <posX>1000</posX> <posY>400</posY> <width>800</width> <height>400</height> <zoom>true</zoom> <keepaspectratio>true</keepaspectratio> <texture mask="case-mask2.png">#fanarthandler.music.backdrop1.play</texture> <animation effect="rotatey" delay="0" time="1000" center="1400,0" start="0" end="-180" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <animation effect="fade" delay="450" time="100" start="100" end="0" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <visible>string.equals(#currentplaytime,0:06)|string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" delay="0" time="1000" center="1400,0" start="180" end="0" tween="sine" easing="inout" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <animation effect="fade" delay="450" time="100" start="0" end="100" condition="string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)">conditional</animation> <visible>string.equals(#currentplaytime,0:07)|string.equals(#currentplaytime,0:08)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="2000" delay="0" center="1600,0" start="0" end="360" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>..\..\..\Thumbs\Music\Artists\#Play.Current.ArtistL.jpg</texture> <animation effect="rotatey" time="2000" delay="0" center="1600,0" start="-180" end="180" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <animation effect="fade" time="100" delay="450" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control>  <control> <type>image</type> <posX>1400</posX> <posY>400</posY> <width>400</width> <height>400</height> <texture>#Play.Current.Thumb</texture> <animation effect="rotatey" time="2000" delay="0" center="1600,0" start="0" end="360" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <animation effect="fade" time="100" delay="1450" loop="false" reversible="false" condition="string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)">conditional</animation> <visible>string.equals(#currentplaytime,0:00)|string.equals(#currentplaytime,0:01)|string.equals(#currentplaytime,0:02)|string.equals(#currentplaytime,0:03)|string.equals(#currentplaytime,0:04)</visible> </control> [/CODE] [/spoiler] [/QUOTE]

Verification