How to replace the HomePage Photos with Flash (stored within DocuShare):
Note: having a flash image can dramatically improve the visual appeal of your DocuShare site
Note: this requires some VDF programming – never change the vdf within the system folder,
always make your changes in a local folder
1) This requires you to create a flash file (either using some existing photos or any other contact).
Use the instructions listed in “Appendix A” to create your flash .swf file
2) Place your .swf file into DocuShare (noting the Document handle id)
3) Permissions on this file must include all users (and guests if you allow them access to your site)
4) Copy “DocuShareHomePage.vdf” from the system area to your “local” Amber area
Putting a copy in the local area allows you to modify the code while leaving the original
intact – DocuShare will look in the local area first and then the system area
Also allows you to remove the custom code easily for debugging purposes
Also keep record of your changes, as these must be re-instituted after a patch
installation
5) Edit the vdf as follows:
REPLACE the appropriate BANNER section lines with code below -----
MODIFY code below to change localhost to your server name as appropriate
MODIFY code below to change “Document-13052/BannerTry1.swf” to your document
handle_id and name
-->
-->
6) TEST
Appendix “A”
Creating your Flash .swf file:
Installation
1. Download the trial version of Flash Professional from Adobe’s or another’s
website
2. Follow the steps to install the program
3. When launching the program, a window will pop up asking for a serial number
or to use as a trial. Choose to use it as a trial
Adding a new Banner
1. Open flash and open the sample banner file “banner.fla”
2. File > Import > Import to Library
3. Select the banner(s) you want to use and click OK
4. Create a new layer by clicking on the small button on the bottom left of the timeline
5. Make it the only one visible (click under the eye for all other layers to make them red X’s)
6. Find the last frame used by the last banner (furthest on the timeline)
7. On your new layer, on that same frame, right click and insert keyframe
8. Drag your banner image onto the white space
9. Right click on the image, convert to symbol
10. Name it “Banner#”, make sure it is a Movie Clip, click OK
11. Go to the properties tab on the top right of the workspace (or ctrl+F3)
12. Set both x and y positions to 0
13. Set the width to 581 and the height to 185 if it isn’t already
14. Change style to “Alpha” and set it to 1%
15. 10 Frames after the current one, create another keyframe on your layer
16. Click on the image and change Alpha to 100% in properties again
17. Right click in the timeline on your layer in between those 2 keyframes, choose “Insert Motion
Tween”
18. Selecting the frame before the last keyframe (9 after the initial), click on the image and set alpha to
90%
19. The picture should now gradually fade in over those 10 frames.
20. 120 frames after the first keyframe, insert another keyframe
21. Click on the image, set Alpha to 1%
22. 10 frames before this last keyframe(110 frames after initial), insert another keyframe
23. Right click on the timeline between these 2 new keyframes and insert a motion tween
24. Select the second last frame, click the image, and set alpha to 10%
25. The image should now fade out over those 10 frames
26. Repeat steps 4 to 26 for each new banner you want to add
Removing a Banner
1. If the banner being removed is the last one of the animation, simply delete the layer
1. If the banner is in the middle of the animation, first delete the layer(s) that contain the banners you
want removed
2. On the next layer above the one you deleted, highlight the whole animation sequence (which is 120
frames later, and lasts another 120 frames)
3. Drag the 120 frames back so that the sequence starts where the layer below it ends.
4. Repeat steps 2 and 3 for each and every layer above (or where the animation occurs after the banner
you deleted)
Publishing
1. File > Publish
2. An .swf and a .html will be placed in the same location as the .fla file