Instructional Links

GETTING STARTED

1. download / install / open

2. logo

3. pages

4. mp3 player

5. flash image display

6. flash buttons

7. Zooom menu (animated icons)

8. themed background image
    ( index page )

9. themed background images
    ( template pages )

10. themed image
    ( transparent image )

11. vertical slidemenu

12. horizontal dropmenu

13. bottom links / copyright

14. static icons

15. search form

16. photo gallery

17. contact form page

18. catalog page

19. faq page

20. bookmark button

21. optimizing your web pages for search engines 

22. publishing your web site

23. insert the optional scroller

22. add site wide content boxes

 

Flash Gallery

VIDEO LINKS: [ flash-gallery ] click to open video in a new window

** update ** if you experience any problems with the streaming video you can download the alternate video package and view it from your desktop.

CLICK HERE to download the zip package.

Once downloaded, extract to a new folder, then double click on the 'flash-gallery.htm' page to view the video.

if you are having troubles viewing the video's online, please download the video from the link below to view locally on your computer.

The download package includes a web page for viewing the video files, and several SWF or FLV video files.

Just download the zip file, extract, then double click on the 'web page' to view the video. 

VIDEO LINKS for download: flash-gallery

 

Overview

The flash gallery was really designed to be a large banner type component, without the drawbacks of using a banner. This dynamic image display is fast loading, completely dynamic, and uses a very very small 'footprint' in both file size and bandwidth. The dynamic ability of the flash gallery allows you to add as many images as you need, remove what you don't need and change the titles and descriptions to match. No additional software required for editing the gallery. All updates can be completed with a few edits of a simple text file. I do suggest you resize your replacement images to fit the player, but the flash gallery will display images of any size. You can display the images you want, the titles and descriptions for those images and have it all blend into the page. Banner or image displays will often be mismatched to the web page, giving it the mars - venus connection.

The flash gallery is an excellent tool for helping you define the 'BRAND' of your site. If 'branding' is not at the top of your list, you will definitely be able to show your visitors what your website is all about. A picture is worth a thousand words, and the flash gallery is a great little tool for helping your web page display multiple 'images' that include banner or title  /  descriptions. For organization and family / personal hobby sites you can display your favorite pics right up front.

flash gallery images in web folder


**the images are listed in 'blocks' of code, starting with <image> and ending with </image>
**each block contains the Title, image location, Description, and a transition effect ( do not edit this effect )
**the images are displayed in the order of the blocks, you can move entire blocks of code up or down, to change the order in which that image / title and description is displayed in the gallery

 

change an image Title and Description

  1. open the {Site / flash / images / gallery} folder
  2. drag or save your new images into this folder
  3. open the {Site / flash / config / flsah_gallery.xml} file

  4. to change a Title, start with the first block, and edit the text between the ( example in red )

    <imageTitle>Flash Gallery Image 1</imageTitle>
  5. to change the Description, edit the text between the

    <imageDescription>my first description</imageDescription>
  6. optionally, change the image by changing the 'Path' to the image in the

    <image>../images/gallery/image_01.jpg</image>

add an image

  1. open the {Site / flash / images / gallery} folder
  2. drag or save your new images into this folder
  3. open the {Site / flash / config / flsah_gallery.xml} file
  4. copy an entire 'block' of code <image> to </image>
    example: select block, right click and select 'Copy'

    <image>
        <imageTitle>Flash Gallery Image 1</imageTitle>
        <image>../images/gallery/image_01.jpg</image>
        <imageDescription>My first description</imageDescription>
        <imageTransition>Blinds</imageTransition>
    </image>

  5. create a space between 2 adjacent blocks of code ( place your cursor at the beginning of the <image> tag, press enter on your keyboard )
  6. with your mouse, left click in the blank 'space' and right next to the left edge of the window where the line numbers are
  7. now right click, and select Paste to insert the copied block of code
  8. edit the
    <imageTitle>Flash Gallery Image 1</imageTitle>
    <image>../images/gallery/image_01.jpg</image>
    <imageDescription>My first description</imageDescription>
  9. repeat for additional image

**make sure you use lower case when naming files for the web, and no spaces between words in the file name, use ( - ) hypens

remove images

 ( images are displayed along with the Title, and Description, just remove the block of code, to remove all 3 )

  1. open the {Site / flash / images / gallery} folder
  2. drag or save your new images into this folder
  3. open the {Site / flash / config / flsah_gallery.xml} file
  4. select the entire 'block' of code <image> to </image>
    example: select block, right click and select 'Delete

    <image>
        <imageTitle>Flash Gallery Image 1</imageTitle>
        <image>../images/gallery/image_01.jpg</image>
        <imageDescription>My first description</imageDescription>
        <imageTransition>Blinds</imageTransition>
    </image>