Let's say you want to create a portfolio site from images you have in iPhoto, but you are lazy and the web output option was not nice enough for you. (I'm speaking hypothetically here.) Hand coding pages and creating thumbnails is tiresome, as is updating the whole thing when you add photos.
Fortunately, you have an image management system, iPhoto, which allows you to create an album of images, name and describe them.
- In iPhoto, select the images you want to use (create an album), organize them in the correct order and select "export" > "web page".
- Set the columns and rows to high enough numbers to get them all on one page. This will serve as the data file for the script.
- In the Thumbnail section of the export window, I suggest you use a small enough size to fit (100 x 100).
- Select "show title" and "show description" checkboxes (these will be read in by the script).
- In "image" section, set max width as 700px or smaller (or edit "iphoto_portfolio.css" to make the page bigger)
- Export into a folder inside the "iphoto_portfolio" folder, where ever you put it.
- You can easily update the look of the page by editing the "iphoto_portfolio.css" file.
- Special Note, you can use the arrow keys to navigate the images.
- This is done through the magic of jQuery, which parses the index.html as a data file.
copyright © Stephen Turbek