eZeeGallery Photo Dreamweaver Extension

eZeeGallery Photo NoTheme Option

Note: In the eZeeGallery version 1 the gallery page will have an .asp extension, in the new version 2 the gallery page will have an .htm extension.

Version 1: gallery.asp
Version 2: gallery.htm

The User Guide will refer to the gallery page as gallery.asp/htm

The NoThemes option is different than choosing one of the complete Themes. One of the differences is that it does not generate a separate " gallery.asp/htm" page into your site. Instead, it inserts the code directly inside of the page you have open at the time of running the eZeeGallery extension. The gallery components will be inserted at the position where you have your cursor placed prior to accessing the eZeeGallery Interface.

It does however still create the "" folder into the root of your defined site and places the necessary files to run the Gallery into this folder.

Version 1

Note: The page you are inserting the eZeeGallery into must be an ASP document to function properly. To make it an ASP document simply save it with an .asp extension.

Version 2

Note: The page you are inserting the eZeeGallery into can be any type of document. You can use ASP, PHP,CFM, etc.. or standard HTML pages.

The code Inserted

The <head> code

The code that it does insert into the <head> of your open page are the links to the external scripts, and as well the main function (not shown here).

A typical example of the links for a gallery using only one folder of images...

<Script type="text/javascript" src="/ezeegallery_assets/ezeescripts.js"></script>
<Script type="text/javascript" src="/ezeegallery_assets/ezeeimgarry.js"></script>
<Script type="text/javascript" src="/ezeegallery_assets/captions1.js"></script>
<link rel="stylesheet" href="/ezeegallery_assets/ezeegallery.css" type="text/css">

Version 1 only

• The ezeemappaths.txt file contains code for mapping the paths to the images.

• The ezeescripts.js file contains code for the operation of the gallery images etc..

Version 2 only

• The ezeeimgarry.js file contains array of the images used in the gallery.

• The captions.js file contains the captions for the images. The captions are optional.
• The ezeegallery.css contains the styles that make up most of the gallery pages layout.

The effects style link ( IE conditional statement )

The above code will be inserted into the page as well. This code writes a stylesheet link to the gallery page for IE browsers only. Inside of this style sheet is the filter type for the effect chosen. The stylesheet "ezeetrans.css" contains only the filter effect, nothing else, so even if you are not using an effect it will not harm or effect the operation of the Gallery code in any way if no effect is selected. This CSS files weight is only approx. 80 bytes which is insignificant so it will not put a drain on your page load time.

The <body> code

The code that is inserted in the <body> are the 4 divs that display the Thumbs, Thumb Nav Links, Caption div and the Full Image div. These 4 divs are wrapped inside of a div with an id of "ezeeWrapper".

<div id="ezeeWrapper">
<div id="thumbimages"></div>
<div id="thumbnavLinks"></div>
<div id="wait">Loading Image...</div>
<div id="caption"></div>
</div>
<div id="theMask" style="position:absolute; etc...>

The "Mask" div is optional and may not appear in the code. It is used in conjunction with the Popup feature only. Click here for more on the Mask feature

The files for the NoTheme

The Images

The only images that are created for the NoTheme are the back and Forward arrows for the Nav Links. As with the Themes these images are placed in the [ ] folder in the root of your site.

NoTheme images

Changing Image Folders

You can change the Full Image folder at any time for your gallery. All you need to do is launch the Main Interface and browse to the new folder and click the OK button and the new folder will be active for the gallery.

If the thumbnails do not yet exist for the new image folder you must create them by either checking the the "Run Fireworks" option or run the eZeeThumb Creator for the new image folder.

Note: If you wish to change the thumbnail size you can do this from the Main interface by checking the "Run Fireworks" option or you can do it as well in the eZeeThumbCreator interface.

Upload your Files!

Note: As stated throughout the User Manual, It is recommended to upload the entire " " folder after making any changes to the gallery. This will assure that any changes you have made will be updated completel