Topic: Getting Xs when previewing anywhere now (still need help please)

Hi --
  I am stumped on this! I had my gallery working and decided to change the photos in the gallery and now all I get are Xs.  I have checked everything I can think of and have deleted and re-copied the files multiple times and nothing brings the pictures back.  Here is my HTML code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sabrina Watts Photography</title>
<meta name="keywords" content="Logan UT photography, Logan UT photographers, Utah senior portraits, Utah HS Senior portraits, Utah HS senior photography, UT senior pictures, engagement pictures utah, bridals ut, family portraits ut, utah family pictures, engagement portraits ut, newborn photos, newborn photography, newborn photographers utah,">
<meta name="description" content="Wedding and Portrait Photography based in Logan, Utah. Photography that tells your story and fits your budget at Sabrina Watts Photography. Negatives are free!">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="TryNo3wcolumns.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="wedgalleries/galleryhome/swfobject.js"></script>
</head>

<body>
    <div id="content-container">
        <div id="content">    
            <div id="flashcontent"> AutoViewer requires JavaScript and the Flash Player. Get Flash <a href="http://www.macromedia.com/go/getflashplayer/">here.</a></div>
    <script type="text/javascript">
        var fo = new SWFObject("wedgalleries/galleryhome/autoviewer.swf", "autoviewer", "400px", "100%", "8", "#181818");                        
        //Optional Configuration
        //fo.addVariable("langOpenImage", "Open Image in New Window");
        //fo.addVariable("langAbout", "About");    
        fo.addParam("wmode", "transparent");
        fo.addVariable("xmlURL", "wedgalleries/galleryhome/gallery.xml");                            
        fo.write("flashcontent");            
    </script>    
        </div>
        <div id="aside">
            <div id="logo">
            </div>
            <div id="menu">
                <ul>
                    <li class="active"><a href="http://www.sabrinawattsphotography.com/wedhome.htm">Home</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/galleries.htm">Galleries</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/weddingpricing.htm">Pricing</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/contactinfo.htm">Contact</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/proofing.htm">Proofing</a></li>
                </ul>
            </div>
            <div id="gallery-list">
                <ul>
                    <li><a href="http://www.sabrinawattsphotography.com/thecouple.htm">The Couple</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/theevent.htm">The Event</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/brides.htm">Brides</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/details.htm">Details</a></li>
                    <li><a href="http://www.sabrinawattsphotography.com/engagements.htm">Engagements</a></li>
                </ul>
            </div>    
        </div>
    </div>
</div>
</body>
</html>

And here is my CSS:

/* CSS Document */

html, body {
    height: 100%;
}

body {
    margin: 0 0 0 0;
    padding: 0;
    background: #151010 url(images/onewhitebud.jpg) no-repeat right top;
    font-size: 13px;
    font-family: Arial, sans-serif;
    color: #FFFFFF;
    font-weight: 100;
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #728536;
}

/* Container */

#content-container {
    float: left;
    width: 100%;
    min-height: 100%;
}

#content {
    clear: left;
    float: right;
    width: 450px;
    height: 885px;
    padding: 0 0;
    margin: 0 100px 0 0;
    display: inline;
    overflow: auto;
}

#aside {
    float: right;
    width: 500px;
    padding: 20px 0;
    margin: 0 75px 0 0;
    display: inline;
    overflow: hidden;
}

/* Logo */

#logo {
    width: 300px;
    height: 70px;
    background: url(images/swplogo.png) no-repeat;
    text-align:right;
    margin: 200px 200px 20px auto;
}

/* Menu */

#menu {
    width: 500px;
    height: 25px;
    margin: 0 0 0 0;
    float: right;
}

#menu ul {
    margin: 0 150px 0 50px;
    padding: 0 0 0 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    width: auto;
    padding: 0 5px 0 5px;
    text-decoration: none;
    text-transform:uppercase;
    text-align: center;
    letter-spacing: 0px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #999999;
}

#menu a:hover {
    color: #728536;
}

#menu .active a {
    color: #CCCCCC;
}

/* Gallery List */

#gallery-list {
    width: 200px;
    height: 300px;
    margin: -20px -300px 0 0;
    padding: 0 0 0 100px;
    float: right;
    background: url(images/bracket.png) no-repeat right center;
}

#gallery-list ul {
    margin: 0 0 0 50px;
    padding: 90px 0 0 165px;
    list-style: none;
}

#gallery-list a {
    display: block;
    float: left;
    width: 75px;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    letter-spacing: 0px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 100;
    color: #999999;
}

#gallery-list a:hover {
    color: #728536;
}

/*Slideshow*/

#flashcontent {    
    width: 400px;
    height: 100%;    
    margin: 0 auto;    
}

The file folder set up is as follows:
CSS and HTML in main folder
In that folder is the wedgalleries folder which holds galleryhome and thecouple folders

Can you tell me what I'm doing wrong?

Thanks for the help!

Last edited by Switch (2010-02-14 02:51:52)

Re: Getting Xs when previewing anywhere now (still need help please)

Getting Xs when previewing in Dreamweaver

have you tried viewing the gallery in a browser?

Mike Richards
SimpleViewer Support Team.

Re: Getting Xs when previewing anywhere now (still need help please)

When I open the galleryhome index.html with Firefox it works perfectly.

Re: Getting Xs when previewing anywhere now (still need help please)

If it works in a browser then I wouldn't worry about it.

Mike Richards
SimpleViewer Support Team.

Re: Getting Xs when previewing anywhere now (still need help please)

When I upload it to my server I get the X's too.

I have a temp up here: http://www.sabrinawattsphotography.com/galleries.htm

What would cause the gallery.xml file to not find my images when it goes through my html page, but when it goes through autoviewer's html page, it works fine?

Last edited by Switch (2010-02-15 23:52:56)