snipt

Ctrl+h for KB shortcuts

Text only

Gaia Preloader To Edit Later

Here's the easiest way to make sure this works:

1. Duplicate preload.fla and name it something else (like customPreloader.fla).  Make sure you go into your publish settings and change its publish path name to match the new name.

2. Open the new fla file and set the tint on the preloader clip on the stage to red or something.

3. Publish the swf.

4. Open your site.xml and add the indexFirst="true" attribute to the site node.

5. Add an asset to the index page:

Code:
<asset id="customPreloader" src="customPreloader.swf"/>

Then, inside your index page transitionIn() method:

Code:
Gaia.api.setPreloader(assets.customPreloader);

You should see the normal site preloader for the index page and then see the red preloader for the rest of the site.

This is always a good starting point.  You can then duplicate the Preloader.as and PreloaderScaffold.as files to customize the custom preloader.
https://snipt.net/embed/aa234fa7bedb0dafe7056635b2df2129/
/raw/aa234fa7bedb0dafe7056635b2df2129/
aa234fa7bedb0dafe7056635b2df2129
text
Text only
23
2019-06-16T01:23:21
True
False
False
/api/public/snipt/28249/
gaia-preloader-to-edit-later
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a>Here&#39;s the easiest way to make sure this works: </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a>1. Duplicate preload.fla and name it something else (like customPreloader.fla). Make sure you go into your publish settings and change its publish path name to match the new name. </span><span id="L-4"><a name="L-4"></a> </span><span id="L-5"><a name="L-5"></a>2. Open the new fla file and set the tint on the preloader clip on the stage to red or something. </span><span id="L-6"><a name="L-6"></a> </span><span id="L-7"><a name="L-7"></a>3. Publish the swf. </span><span id="L-8"><a name="L-8"></a> </span><span id="L-9"><a name="L-9"></a>4. Open your site.xml and add the indexFirst=&quot;true&quot; attribute to the site node. </span><span id="L-10"><a name="L-10"></a> </span><span id="L-11"><a name="L-11"></a>5. Add an asset to the index page: </span><span id="L-12"><a name="L-12"></a> </span><span id="L-13"><a name="L-13"></a>Code: </span><span id="L-14"><a name="L-14"></a>&lt;asset id=&quot;customPreloader&quot; src=&quot;customPreloader.swf&quot;/&gt; </span><span id="L-15"><a name="L-15"></a> </span><span id="L-16"><a name="L-16"></a>Then, inside your index page transitionIn() method: </span><span id="L-17"><a name="L-17"></a> </span><span id="L-18"><a name="L-18"></a>Code: </span><span id="L-19"><a name="L-19"></a>Gaia.api.setPreloader(assets.customPreloader); </span><span id="L-20"><a name="L-20"></a> </span><span id="L-21"><a name="L-21"></a>You should see the normal site preloader for the index page and then see the red preloader for the rest of the site. </span><span id="L-22"><a name="L-22"></a> </span><span id="L-23"><a name="L-23"></a>This is always a good starting point. You can then duplicate the Preloader.as and PreloaderScaffold.as files to customize the custom preloader. </span></pre></div> </td></tr></table>
as3, gaia, loading