Topic: Cannot Escape Java Screen of Death
Team SimpleViewer,
First, great work. Second, I'm trying to embed PostcardViewer in a new site. Though the .js is in the right place, flash installed, and java enabled, I keep getting the java screen of death in all browsers (ie. "PostcardViewer requires JavaScript and the Flash Player. Get Flash."). What am I doing wrong?
Here's the relevant part of my setup (a number of items omitted or name-changed):
site > index.php
css >
js >
pages > gallery.html
gallery-1 >
gallery-2 >
gallery-3 > gallery.html
gallery.xml
images >
index.html
readme.html
swfobject.js
thumbnails >
viewer.swf
The pages/gallery.html has this:
<p class="column" style="text-align: right;">
<a href="gallery-1/gallery"><img src="images/image1.png" alt="Gallery 1" title="Gallery 1" /></a>
<a href="gallery-1/gallery"><h2 style="text-decoration: underline;">Gallery 1</h2></a>
</p>
<p class="column" style="text-align: right;">
<a href="gallery-2/gallery"><img src="images/image2.png" alt="Gallery 2" title="Gallery 2" /></a>
<a href="gallery-2/gallery"><h2 style="text-decoration: underline;">Gallery 2</h2></a>
</p>
<p class="column" style="text-align: right;">
<a href="gallery-3/gallery"><img src="images/image3.png" alt="Gallery 3" title="Gallery 3" /></a>
<a href="gallery-3/gallery"><h2 style="text-decoration: underline;">Gallery 3</h2></a>
</p>
The gallery-3/gallery.xml has this:
<gallery cellDimension="800" columns="3" zoomOutPerc="34" zoomInPerc="100" frameWidth="8" frameColor="0xFFFFFF" captionColor="0xFFFFFF" enableRightClickOpen="false" >
<image>
<url>images/1.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
<image>
<url>images/2.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
<image>
<url>images/3.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
<image>
<url>images/4.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
<image>
<url>images/5.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
<image>
<url>images/6.jpg</url>
<caption><![CDATA[Name of This Photo<br><font size="12">Photo courtesy of <a href="http://www.websiteofphotographer.com">Mr. Photo Grapher</a>, (c) 2009</font>]]></caption>
</image>
The gallery-3/gallery.html has this:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">PostcardViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "viewer", "800", "600", "8", "#FFEAD3");
fo.write("flashcontent");
</script>
The gallery-3/index.html has this:
<!-- saved from url=(0014)about:internet -->
<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>The Surrounds</title>
<!-- Download PostcardViewer at www.airtightinteractive.com/projects/postcardviewer -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #181818;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}
a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">PostcardViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
<script type="text/javascript">
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#FFEAD3");
//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script>
</body>
</html>
Thanks in advance for your help.