Thanks Steven, reckon we're almost there, but not quite....the iWeb html snippet still throws up a blank page when I've followed all the steps.
I have the latest flash, flickr photos are all public.
I edited the index.html to the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TiltViewer</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}
a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
<script type="text/javascript">
var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
// TILTVIEWER CONFIGURATION OPTIONS
// To use an option, uncomment it by removing the "//" at the start of the line
// For a description of config options, go to:
// http://www.airtightinteractive.com/proj … tions.html
// FLICKR GALLERY OPTIONS
// To use images from Flickr, uncomment this block
fo.addVariable("useFlickr", "true");
fo.addVariable("user_id", "42788502@N05");
fo.addVariable("tags", "showcase");
fo.addVariable("tag_mode", "any");
fo.addVariable("showTakenByText", "true");
// XML GALLERY OPTIONS
// To use local images defined in an XML document, use this block
fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","640");
//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");
//fo.addVariable("showFlipButton", "true");
//fo.addVariable("showLinkButton", "true");
//fo.addVariable("linkLabel", "View image info");
//fo.addVariable("frameColor", "0xFF0000");
//fo.addVariable("backColor", "0xDDDDDD");
//fo.addVariable("bkgndInnerColor", "0xFF00FF");
//fo.addVariable("bkgndOuterColor", "0x0000FF");
//fo.addVariable("langGoFull", "Go Fullscreen");
//fo.addVariable("langExitFull", "Exit Fullscreen");
//fo.addVariable("langAbout", "About");
// END TILTVIEWER CONFIGURATION OPTIONS
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
</body>
</html>
************
I added "showcase" to 25 of my flickr images on flickr, and then uploaded my tiltviewer folder to my server as follows:
1) imgs (folder) with the 25 flickr images and thumbs.db
2) gallery.xml
3) index.html (edited as per above)
4) readme.html
5) swobject.js
6)TiltViewer.swf
************
I then added the following into my html snippet on iWeb
<iframe src="http://www.aimeehart.co.uk/tiltviewer/" width="800" height="600" frameborder="0" scrolling="no"></iframe>
Is there anything with the above that you suggest I change? Many thanks in advance, I can see you have had many people ping over the same or similar issues....your reply is REALLY appreciated trust me!!
Thanks :)