Photoshow

• Publishers do not need to manage the images themselves;
• Uses the Flickr server as source of photos;
• Requires to define selection criteria. The images will match the text more closely if the selection criteria are more specific;
• Allows to show more than one image in the same space, making your web pages look more dynamic. You can set the maximum amount of images.
• Very easy to use. Can be used with just a basic web knowledge.
• Distributed as extension for Adobe Dreamweaver, which makes its insertion into web pages a simple, and completely visual process.

Demo

It is an extension for Adobe Dreamweaver MX and later versions, including Dreamweaver CS3, CS4, CS5, CS6, CC...
An Flickr API KEY.

The installation process of Photoshow is similar to that of the rest of extensions for Adobe Dreamweaver. You have to run the application Adobe Extension Manager, which is included with Adobe Dreamweaver; select the option Install an Extention, and enter the path to the downloaded .mxp file.

Once installed, the Photoshow extension can be accessed through the menu option "Insert ≷ Insert Photoshow" in Adobe Dreamweaver, or from the "Common" tab in the Insert bar, under "Insert Photoshow".

Use

To insert Photoshow into your website, simply follow the steps below:

• Open Adobe Dreamweaver;
• In Dreamweaver, open the web page where you want to insert images;
• In Dreamweaver, Run the menu option: "Insert > Insert Photoshow". A setup window will be shown, where you will be able to define the criteria for image selection.
• Save the changes in your web page. Photoshow will create a folder which will need to be published on your website.

Setup Window

Filter: Required field that allows to enter selection criteria for images to be displayed. If you wish to select images that cover more than one subject, separate the criteria with a "," symbol.

Refresh Timeout: interval used in image rotation. If you prefer to show just one image, enter "0" as timeout value.

Limit: Maximum amount of images to be displayed.

Width: Required field; number of pixels for the width of the area where the images are displayed. This is going to be the maximum width that the images will occupy on your web page. Photoshow scales the images to be displayed so that they comply with this value without affecting proportions.

Height: Required field; number of pixels for the height of the area where the images are displayed. This is going to be the maximum height that the images will occupy on your web page. Photoshow scales the images to be displayed so that they comply with this value without affecting proportions.

Flickr API KEY: Required field, API KEY to access to the Flickr database photos. If you have not a API KEY press here.

Once Photoshow is inserted in a web page, you still can change its settings. For that, select the <DIV> label inserted by Photoshow in your web page and alter the parameters in the Properties Inspector.

To change the width and the height of the images, you just need to select the <DIV> label inserted by Photoshow and change the width and the height in the window "CSS Styles".

Note: You shouldn't change the "title" attribute of the <DIV> label inserted by Photoshow. Photoshow's properties are defined in the "title" attribute.