| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | |
|---|
| 5 | <title>JW Image Rotator</title> |
|---|
| 6 | |
|---|
| 7 | <style type="text/css"> |
|---|
| 8 | body { background-color: #fff; padding: 0 25px; color:#000; font: 13px/18px Arial, sans-serif; } |
|---|
| 9 | a { color: #360; } |
|---|
| 10 | h3 { padding-top: 50px; } |
|---|
| 11 | ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; } |
|---|
| 12 | </style> |
|---|
| 13 | |
|---|
| 14 | </head> |
|---|
| 15 | <body> |
|---|
| 16 | |
|---|
| 17 | <h3>Example</h3> |
|---|
| 18 | <p>Here's a simple example of the <a href="http://www.longtailvideo.com/players/jw-image-rotator/">JW Image Rotator</a> embedded in a page. Copy-paste the source code and put the files on your site to get started.</p> |
|---|
| 19 | |
|---|
| 20 | |
|---|
| 21 | |
|---|
| 22 | <div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.</div> |
|---|
| 23 | <script type="text/javascript" src="swfobject.js"></script> |
|---|
| 24 | <script type="text/javascript"> |
|---|
| 25 | var s1 = new SWFObject("imagerotator.swf","rotator","400","200","7"); |
|---|
| 26 | s1.addParam("allowfullscreen","true"); |
|---|
| 27 | s1.addVariable("file","madrid.xml"); |
|---|
| 28 | s1.addVariable("width","400"); |
|---|
| 29 | s1.addVariable("height","200"); |
|---|
| 30 | s1.write("container"); |
|---|
| 31 | </script> |
|---|
| 32 | |
|---|
| 33 | |
|---|
| 34 | |
|---|
| 35 | <h3>Quickstart</h3> |
|---|
| 36 | <p>The easiest way to get going with the imagerotator is by copy-pasting the source code of this page to your site. Also make sure to copy-paste the .swf, .js and .xml file to your website. Plus your images of course...</p> |
|---|
| 37 | |
|---|
| 38 | <h3>Licensing</h3> |
|---|
| 39 | <p>The Image Rotator is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons License</a>. It allows you to use, modify and redistribute the script for free for noncommercial purposes. For corporate use, <a href="http://www.longtailvideo.com/players/order" title="Order commercial licenses">please apply for a commercial license</a>!</p> |
|---|
| 40 | |
|---|
| 41 | <h3>Documentation</h3> |
|---|
| 42 | <ol> |
|---|
| 43 | <li>All <a href="http://developer.longtailvideo.com/trac/wiki/ImageRotatorVars">supported flashvars</a> (variables) you can set to customize the imagerotator.</li> |
|---|
| 44 | <li>All <a href="http://developer.longtailvideo.com/trac/wiki/ImageRotatorFiles">supported playlist formats</a> you can use, plus some implementation info.</li> |
|---|
| 45 | <li>A tutorial on <a href="http://www.longtailvideo.com/support/tutorials/Embedding-Flash"> embedding flash items</a> in your site.</li> |
|---|
| 46 | <li>A tutorial with <a href="http://developer.longtailvideo.com/trac/wiki/FlashApi">all functions of the javascript API</a>.</li> |
|---|
| 47 | </ol> |
|---|
| 48 | |
|---|
| 49 | </body> |
|---|
| 50 | </html> |
|---|
