Index of /

How to Use the Portfolio Slideshow

Installation

In your PHP page, include the following wherever you want the slideshow to appear:

<?PHP include("http://finecustompictureframing.com/portfolio/slideshow.php?OPTIONS"); ?>

Where OPTIONS can be:

• type= [frame, show, event, community, OR resource]
• thumbWidth= [desired width of the slideshow image in pixels]
• imageWidth= [desired width of the zoomed image which also affects the width of the zoom window]
• slideshow=off (this will cause the slideshow to simply display a random picture without navigation)
• slideshowHeight= [desired height of the slideshow header + image area in pixels, optional. Anything larger than this area will be hidden. This option keeps the slideshow area the same height so the navigation buttons don't move around with different sizes of images or lengths of text]
• itemsLimit= [desired limit on the # of items displayed in "community" mode, default is 3]
• shuffle= [true OR false to cause the community items show up in random order]

Examples:

Event slideshow:

<?PHP include("http://finecustompictureframing.com/portfolio/slideshow.php?type=frame&thumbWidth=153&imageWidth=450&slideshowHeight=250"); ?>

Community slideshow with slideshow turned off:

<?PHP include("http://finecustompictureframing.com/portfolio/slideshow.php?type=community&thumbWidth=153&imageWidth=450&slideshow=off"); ?>

CSS Styles:

The slideshow uses the css stylesheet of the page in which the slideshow is included and uses the following styles:

• portfolioHeader1
• portfolioHeader2
• small (for the caption)
• slideshowButtons
• artlink

The image zoom page uses the http://finecustompictureframing.com/portfolio/portfolio.css stylesheet and the following styles:

• h1
• h2
• caption
• description

Editing the Database:

Simply add new records to the images table in the finecust_images database and fill in all applicable fields. The only truly necessary field is image_url. All other fields may be left blank (aka NULL) and the slideshow viewer will simply ignore them. When adding new rows via phpMyAdmin, leave the id field blank, it is an auto_increment primary key field and will automatically be filled with the next number in the sequence. **SPECIAL NOTE**: the h1_text field should be set to ZOOMIMAGE in the case where you want the link to open up the image zoom page (this is because the slideshow will construct the URL automatically).

NOTE: the image_url location is relative to the document root of your server. This means that /pix refers to http://finecustompictureframing.com/pix If you want your pictures to be inside theframemaker, your image_url would have to piont to /theframemaker/pix

That's it!