Photo Gallery Using XML and Flash trouble

I just completed Kirupa’s “Photo Gallery Using XML and Flash” tutorial and it was great. I can “Test Movie” and it displays properly. I can open the resulting SWF and it works like a charm. But for some reason, when I try to “embed” the SWF in a web page, the gallery loads, but does not display the images. Why would it break down in HTML, but work everywhere else?

I’ve tried absolute paths and relative paths in the XML, with no improvement.

I can’t even get the SWF (xml_pg_final.swf) from the source code to work within a web page.

Can someone please help? I’ve searched the forums and found nothing.

Here’s the HTML:


<html>
<head>
<title></title>
</head>
<body>

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="340" height="340" id="xml_photogallery5" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="flash/xml_pg_final.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="flash/xml_pg_final.swf" quality="high" bgcolor="#ffffff" width="340" height="340" name="xml_photogallery5" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>

</body>
</html>

Here’s the XML:


<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
    <pic>
        <image>../images/pic-par1_1.jpg</image>
        <caption>Love</caption>
    </pic>
    <pic>
        <image>../images/pic-par1_2.jpg</image>
        <caption>Chair</caption>
    </pic>
    <pic>
        <image>../images/pic-par1_3.jpg</image>
        <caption>Dress</caption>
    </pic>
</images>