📄 basic.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<title>AdvancedLoaderPro Userguide</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/fcms.css" rel="stylesheet" type="text/css">
<link href="css/help_pc.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 class="title">Basic Tutorial</h1>
<p> </p>
<h2>Loading External Files</h2>
<p>This tutorial will introduce you to the basic technique for using the advancedLoaderPro.</p>
<p> </p>
<p class="normal">1. Having installed the advancedLoaderPro using the <a href="http://www.adobe.com/exchange/em_download/" target="_blank">Macromedia Extension Manager</a>, open Flash and start a new file.</p>
<p> </p>
<p class="normal">2. Press 'T' to select the 'Text Tool' and draw a textfield on your stage. Press Ctrl+F3 (Windows) or Cmnd+F3 (Mac) to open the properties panel, ensure the textfield is a dynamic textfield and enter 'captionText' as the textfield's instance name.</p>
<p><img src="images/fig1.jpg" border="1" class="image"></p>
<p> </p>
<p class="normal">3. Press Ctrl+F7 (Windows) or Cmnd+F7 (Mac) to open your components panel and drag a copy of the advancedLoaderPro onto your stage.</p>
<p class="normal"> With the component still selected open the properties panel and select the parameters tab.</p>
<p> </p>
<p>4. Double-click next to the 'Source' parameter. The 'Values' dialogue box will appear. Click the 'plus' sign three times to add three items. In the first line enter the name of the first image you want to load. In the second and third lines enter the second and third images.</p>
<p><img src="images/fig2.jpg" border="1" class="image"></p>
<p> </p>
<p>5. Double-click next to the 'Links' parameter. Another 'Values' dialogue box will appear. Click the plus sign three times to add three items. In the first line enter the URL the first image should link to. In second and third lines enter the URL the second and third images should link to.</p>
<p><img src="images/fig3.jpg" border="1" class="image"></p>
<p> </p>
<p>6. Double-click next to 'Captions'. When the 'Values' dialogue box appears click the plus sign three times. In the first line enter the caption to accompany the first image. In second and third lines enter the caption to accompany the second and third images.</p>
<p><img src="images/fig4.jpg" border="1" class="image"></p>
<p> </p>
<p>7. Locate the 'onComplete Effect' parameter and select an effect to be used when the images appear. Next, locate the 'onUnload Effect' parameter and select an effect to be used when the images disappear.</p>
<p> </p>
<p>8. Lastly, locate the 'Caption Textfield' parameter enter the instance name of the textfield you created in step 4 ('captionText').</p>
<p> </p>
<p>9. Press Ctrl+S (Windows) or Cmnd+S (Mac) to save your file and then press Ctrl+Enter (Windows) or Cmnd+Enter (Mac) to test it.</p>
<p> </p>
<h2>Loading Library Symbols</h2>
<p class="normal">This tutorial explains loading images from your library.</p>
<p> </p>
<p class="normal">1. Follow steps 1, 2 and 3 as described above in the 'Loading External Files' section.</p>
<p> </p>
<p class="normal">2. Press Ctrl+F8 (Windows) or Cmnd+F8 (Mac) to bring up the 'Create New Symbol' dialogue box. Enter a name for your symbol (for example 'image A'), ensure that Movieclip is selected as the symbol's type and click 'OK'.</p>
<p><img src="images/fig5.jpg" border="1" class="image"></p>
<p> </p>
<p class="normal">3. On the new symbol's timeline select 'File' > 'Import' > 'Import to Stage...' from the menu bar, select a file from your local machine and click 'Import'. Position your imported image to x=0 and y=0. Return to your main timeline.</p>
<p> </p>
<p class="normal">4. Press Ctrl+L (Windows) or Cmnd+L (Mac) to open your library panel and locate the symbol you have just created. Right-click (Windows) or Ctrl+click (Mac) on the symbol and select 'Linkage...' from the options that appear. The 'Linkage Properties' dialogue box will appear, tick the 'Export for actionscript' checkbox and enter an identifier for the symbol, for the purposes of this tutorial name the clip 'imageA'.</p>
<p><img src="images/fig6.jpg" border="1" class="image"></p>
<p> </p>
<p class="normal">5. Repeat steps 2, 3 and 4 until you have two more symbols. In their linkage properties give them the identifiers 'imageB' and 'imageC'.</p>
<p> </p>
<p>6. Double-click next to the 'Source' parameter. The 'Values' dialogue box will appear. Click the 'plus' sign three times to add three items. In the first line enter the linkage id of first image ('imageA'). In the second and third lines enter the linkage identifier of the second and third symbols ('imageB' and 'imageC').</p>
<p><img src="images/fig7.jpg" border="1" class="image"></p>
<p> </p>
<p>7. Follow steps 5, 6, 7, 8 and 9 as described above in the 'Loading External Files' section.</p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -