What am I trying to do?
What changes should I make in the HTML file?
Now that we have our SWF ready, we will see how we can modify the HTML file for the magic to work. We need to do four steps here.
- First, add container to display the message text.
- Third, add the container to display the image
Of course, there are sample files attached here which contains additional CSS to make the page look good 🙂 Watch the demonstration to see how to achieve this. I’ve used Adobe Dreamweaver as HTML editor but you are free to use anything including just the Notepad. While demonstrating, I’ve used a sample code file to make the typing process faster, even that is available in the download folder.
Download the sample files here. They contain the following files.
js_example.cptx – Captivate 5.5 project file
sample_code.html – Sample Code file if you don’t want to type it again.
js_example.html – HTML file displaying SWF, Banner and Message Text
Supporting files (js_example.swf/standard.js)
Image files (captivate.jpg/default.jpg/presenter.jpg/els.jpg)
Hope you enjoyed this. Please let me know your thoughts.