How can I embed a Adobe Photoshop Lightroom or SlideshowPro created Slideshow into an iWeb created page?

Photos - Home

Page 1: Protecting your photos

Page 2: General photos troubleshoot

Page 3: Alternative slideshows

Adobe Lightroom or SlideshowPro (part of Alternative slideshows)

Highslide JS (part of Alternative slideshows)

CHAPTER 1: Adobe Lightroom

CHAPTER 2: SlideshowPRO (for Flash or Adobe Lightroom)

CHAPTER 1: Adobe Lightroom

Say you publish to a  folder called “Slideshow” from Adobe Lightroom

In that folder you will find the following files:

1. -a folder named “bin”
   

2. -a folder named “resources”
   

3. -a file named index.html
   

Take the whole folder I called “Slideshow” and put it into the folder you publish to from iWeb and upload it to the root of your server (If you don't know what the root is or how this is done read it here)

Entering: http://yourdomain.com/Slideshow/index.html

If that's not the case then somewhere something went wrong.

The most difficult part is get the files to the right location.

Once your slideshow shows up there's no problem just use the following code and paste it in an html snippet

<iframe src=

"http://web.me.com/username/Slideshow/index.html"

style="width:615px; height:500px;

border-color:#990033; 

border-style:solid; 

border-width:0px"

scrolling="yes" >

</iframe>

Replacing the URL with what fits your case and adjusting the width and height parameters.

Of course you can have multiple SlideshowPro slideshows by putting them into different folders. Remember to change /Slideshow/ in the URLs in that case.

CHAPTER 2: SlideshowPRO (for Flash or Adobe Lightroom)

Say you publish to a folder called "Slideshow" from SlideshowPro

In that folder you will find the following files:

- a folder

- images.xml

- index.html

- loader.swf

- param.xml

- slideshowpro.swf

- swfobject.js

Take the whole folder I called “Slideshow” and put it into the folder you publish to from iWeb and upload it to the root of your server (If you don't know what the root is or how this is done read it here)

Entering: http://yourdomain.com/Slideshow/slideshowpro.swf

If that's not the case then somewhere something went wrong.

The most difficult part is get the files to the right location.

Once your slideshow shows up there's no problem just use the following code and paste it in an html snippet

<iframe src=

"http://web.me.com/username/Slideshow/slideshowpro.swf"

style="width:615px; height:500px;

border-color:#990033; 

border-style:solid; 

border-width:0px"

scrolling="yes" >

</iframe>

Replacing the URL with what fits your case and adjusting the width and height parameters.

Of course you can have multiple SlideshowPro slideshows by putting them into different folders. Remember to change /Slideshow/ in the URLs in that case.

This FAQ is also discussed in my iWebFAQ.org E-Book (sample)

iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s an EBookStoreToday.com company. It’s presented by Cédric Giger and hosted by HostGator.

Thank you for visiting and supporting my website,

- Cédric -