Adding External Slideshows
5. Create links above, below, or beside your IFRAME box (wherever you want them). Link each one to one of your slideshows created earlier via “external link” in Inspector.
Here are mine, without any editing (that will come later, keep reading!) Right now they will open up in their own window.
6. Publish your site!
7. Open your html page created by iWeb. You can open the html files generated by iWeb in any text or html editor. In TextEdit, to view the code in an HTML file, choose File > Open and select "Ignore rich text commands." Then locate the .html file and click Open.
Here’s how to find your html files:
If you publish to dot mac, mount your idisk using the "go" menu in Finder. This will place your idisk on the desktop.
Then go to iDisk/Web/Sites/iWeb/Sitename/Pagename.html
If you publish to a folder, try looking in your Sites folder of your home folder.
8. Make the following changes in the html of the page:
Find
IFRAMECODEGOESHERE
Replace it with
<iframe name="givetheIFRAMEanamehere" src="http://homepage.mac.com/yourusername/slideshowfoldername1/index.html" width="640" height="640" scrolling="no" border="0" style="border:none;" frameborder="0"></iframe>
(change the width and height to match your personal preference)
Find
Add
target=”whateveryounamedtheIFRAME”
before “href”
Do this for however many slideshow links you created. All should target the name of the iframe, which can be anything you want, as long as you put the same name in the actual iframe code.
That’s it!!! Here’s an example (click each link to see):
Tutorial as requested :) Hope this helps!
1. Download this plugin for iPhoto and it’s accompanying templates:
This will allow you to export an iPhoto album into a folder on your desktop, in the slideshow format of your choice. I am not going to go into detail about this because A. others have done this already (i.e. Michael Wong) and B. there are instructions with the plugin on how to use it.
As you read on here, I will provide three examples (my three favorite ones of the offered templates), however keep in mind I didn’t format or change colors or anything.
2. Upload the folder to the SITES folder on your iDisk. (If you don’t have .Mac, you can upload it to your server. From here on I will refer to the homepage.mac.com address for the location of the slideshow folder but you can replace that with whatever the location of your slideshow is)
3. Test your slideshow:
Repeat this for each slideshow you create. Be sure to give each slideshow a different folder name.
If it works, move on!
4. In iWeb, create a text box the size of whatever you want your slideshow to be. I am making mine 640x640. Type something like IFRAMECODEGOESHERE in the box. Here is an example (I have added a border to this one so you can see it):
IFRAMECODEGOESHERE