Embedding
Overview
In order to display the CU3ER on the web page, you have to embed it as any other flash file into web page with the JavaScript. SWFObject.js is widely used JavaScript whose main purpose is to make the whole process of embedding flash file into a web page as easy as possible.
SWFObject.js is provided within the CU3ER downloadable package, but you can freely download your own script.
Here’s a quick overview of several steps:
- Add the following script tag inside the <head> element in your HTML document:
- And right after that add:
- Now inside the <body> tag of your HTML page add following where you want your CU3ER to appear:
Put your alternate content here!
That's it! You have set the path to .swf object script (step 1), configured SWFObject script at your convenience (step 2), and defined the container div finally there, where you want your slider to take place (step 3).
NOTE: Although it’s fine to define relative paths while developing the CU3ER slider, it is even better to apply the rule of thumb and to change those to absolute url paths once you’ve been ready to go live with your CU3ER page. Changing relative url paths into absolute ones will prevent potential linking files problem, especially if your CU3ER files and your images are scattered all over the server or if your pages are generated dynamically with some kind of CMS (Content Management System – such as WordPress, for instance).
For further information on embedding flash files and on additional setting of the SWFObject script, visit http://code.google.com/p/swfobject/. There’s also a nifty AIR application, which guides you through the whole process and generates all codes for you as well. Sweet!