| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <style type="text/css"> |
|---|
| 4 | body { background-color: #fff; padding: 0 50px; color:#000; font: 13px/18px Arial, sans-serif; } |
|---|
| 5 | a { color: #906 } |
|---|
| 6 | h3 { padding-top: 50px; } |
|---|
| 7 | ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; } |
|---|
| 8 | </style> |
|---|
| 9 | </head> |
|---|
| 10 | <body> |
|---|
| 11 | |
|---|
| 12 | |
|---|
| 13 | <h3>Example</h3> |
|---|
| 14 | <p>Here's a simple example of the imagerotator embedded in a page. Copy-paste the code to get started.</p> |
|---|
| 15 | |
|---|
| 16 | |
|---|
| 17 | |
|---|
| 18 | <div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.</div> |
|---|
| 19 | <script type="text/javascript" src="swfobject.js"></script> |
|---|
| 20 | <script type="text/javascript"> |
|---|
| 21 | var s1 = new SWFObject("imagerotator.swf","rotator","400","200","7"); |
|---|
| 22 | s1.addVariable("file","playlist.xml"); |
|---|
| 23 | s1.addVariable("transition","lines"); |
|---|
| 24 | s1.addVariable("overstretch","false"); |
|---|
| 25 | s1.addVariable("width","400"); |
|---|
| 26 | s1.addVariable("height","200"); |
|---|
| 27 | s1.write("container"); |
|---|
| 28 | </script> |
|---|
| 29 | |
|---|
| 30 | |
|---|
| 31 | |
|---|
| 32 | <h3 id="documentation">Documentation</h3> |
|---|
| 33 | <p>The easiest way to get going with the imagerotator is <a href="http://www.jeroenwijering.com/?page=wizard" title="the image rotator wizard">by using the setup wizard</a>. Select an imagerotator example, set the file you want to play and copy-paste the embed code to your site! If you want to learn more, here's the complete documentation:</p> |
|---|
| 34 | <ol> |
|---|
| 35 | <li>All <a href="http://www.jeroenwijering.com/?item=Supported_Flashvars" title="All Flashvars supported by the JW Image Rotator">supported flashvars</a> (variables) you can set to customize the imagerotator.</li> |
|---|
| 36 | <li>All <a href="http://www.jeroenwijering.com/?item=Supported_Playlists" title="All playlist formats by the JW Image Rotator">supported playlist formats</a> you can use, plus some implementation info.</li> |
|---|
| 37 | <li>A list <a href="http://www.jeroenwijering.com/?item=Third_Party_Plugins#rotatorplugins" title="WordPress, Joomla, Drupal, CMS Plugins">of all third-party plugins</a> for the Image Rotator.<br/> </li> |
|---|
| 38 | <li>A tutorial on <a href="http://www.jeroenwijering.com/?item=Embedding_Flash" title="embedding Flash"> embedding flash items</a> in your site.</li> |
|---|
| 39 | <li>A tutorial with <a href="http://www.jeroenwijering.com/?item=Javascript_interaction" title="Javascript interaction">all functions of the javascript API</a>.</li> |
|---|
| 40 | </ol> |
|---|
| 41 | |
|---|
| 42 | |
|---|
| 43 | |
|---|
| 44 | </body> |
|---|
| 45 | </html> |
|---|
