Can Image Width be changed at run time?
January 22, 2006 12:00 AM
Progress Bar HTML JavascriptChris Giddings in support suggested that I use an external HTML object directly instead of trying to manipulate a Lectora image. The main problem is that the HTML name of the actual gif in Lectora is buried. Using HTML code to set one up gives direct access to the name of the bar. Thanks Chris. With that one tip I was able to get a very easy and workable solution.SOLUTION: This solution is for a 100 x 8 px green progress bar surrounded by a 1px border showing graphical progress in a chapter. It takes creating 2 gifs, one for the bar and one for the background and 2 HTML objects and 4 actions in Lectora. You are done. 1. Create 2 gifs – a white one 102 x 10px (WhiteBorder) and a green one 100 x 8 px.(GreenBar) . Place them both on a page where they will NOT BE SEEN. This is required for Lectora to load them into the images folder. I have not tried to put this on an LMS. You may find you have to hid the Lectora images accessing these two on the first page of your title. 2. Create 2 HTML objects in Lectora at the title level so these will appear on every page. Size them to match the gif size.
3. Align them horizontally. Layer the Green Bar HTML object on top. For some strange reason I had to set the green one 1 px higher ( Y coordinate was 1 less) than the white bar. I am clueless as to why.4. Attach 4 actions to the green bar.
cheers,ben
Discussions have been disabled for this post