Topic: Pictures won't display in Squarespace

I'll try to cover it all to avoid a lot of back-and-forth.

I created my gallery folder using the PICASA export plugin. The gallery plays perfectly on my computer (captions and all) in a new browser window.

Next, I ZIP the folder for uploading to Squarespace (SS); I upload and extract all files. SS does not let you put files in the root folder or where your html for posts lives ... you must upload to a folder called STORAGE.

Once the gallery folder is inside STORAGE, I get the absolute URL for the gallery folder location, go back to the ORIGINAL gallery.xml file on my computer and change the paths to the images to point to the location at SS; I RE-upload the updated gallery.xml file (overwriting the previous).

I copy & paste the HTML code from http://simpleviewer.net/simpleviewer/su … l#external   and make the necessary (so I think) changes.

I load the page at SS and all I get is a black box (correct width & height) with the slideshow controls visible when I mouse over, but NO IMAGES. Where am i going wrong? I have done numerous tweaks on the path and have also tried a suggested alternative for the <BODY> entry that reads:   <embed src="viewer.swf" bgcolor="#181818" name="viewer" width="640" height="480" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

I am a real HTML virgin, having only started trying to figure this all out in the last three weeks.

Thanks for any help that can be offered.

BTW - In the line:

          swfobject.embedSWF("http://dishininthekitchen.squarespace.com/storage/mactest/autoviewer.swf",
          "flashContent","500", "375", "9.0.124", false, flashvars, params);

the code on your page that you say to copy & paste uses simpleviwer.swf - when I use that, I get NOTHING on my journal page. When I change it to autoviewer.swf at least I get the empty black box with slideshow controls.

Here is my HTML in my journal post:

<HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL="http://dishininthekitchen.squarespace.com/storage/mactest/";
flashvars.galleryURL = "gallery.xml";
var params = {};
params.bgcolor = "222222";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("http://dishininthekitchen.squarespace.com/storage/mactest/autoviewer.swf", "flashContent", "500", "375", "9.0.124", false, flashvars, params);
</script></HEAD>

<BODY>
<div id="flashContent">SimpleViewer requires JavaScript and the Flash Player.
<a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div></BODY>

Here is the text of my gallery.xml file after RE-uploading:

<?xml version="1.0" encoding="UTF-8"?>
<gallery frameColor="0xFFFFFF" frameWidth="15" imagePadding="20" displayTime="6"

enableRightClickOpen="true">

<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0022.jpg</url>
   <caption>Nana & Jen</caption>
   

<width>640</width>
   <height>360</height>
</image>
<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0023.jpg</url>
   <caption>Bug</caption>
   

<width>640</width>
   <height>360</height>
</image>
<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0025.jpg</url>
   <caption>Ant</caption>
   

<width>360</width>
   <height>640</height>
</image>
<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0026.jpg</url>
   <caption>Poppi</caption>
   

<width>640</width>
   <height>360</height>
</image>
<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0027.jpg</url>
   <caption>Jen & Ant</caption>
   

<width>640</width>
   <height>360</height>
</image>
<image>
   

<url>http://dishininthekitchen.squarespace.com/storage/mactest/images/212_0028.jpg</url>
   <caption>Ant & Jen</caption>
   

<width>360</width>
   <height>640</height>
</image>
</gallery>