• Registered: 2010-09-16
  • Posts: 7

Topic: Getting just a plain white page

Hello,

Thanks for making this product available - it looks just like what I need, unfortunately I cannot seem to generate something visible...

After creating a gallery in PS CS3, my browser (chrome) is automatically opened and I expect to see my newly created gallery... but I don't. All I get is a plain white page.

Likewise when I go to the folder containing the gallery files (images, thumbnails etc...) and click on the index.html file, my browser opens once again to a white page.

The images and thumbs folders all contain the right images.

Please help and thanks in advance,
WorldScapes

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Getting just a plain white page

Please post the URL of the page that is having the issue?

Mike Richards
SimpleViewer Support Team.

3 Reply by worldscapes (edited by worldscapes 2010-09-16 16:55:43)

  • Registered: 2010-09-16
  • Posts: 7

Re: Getting just a plain white page

Mike Richards wrote:

Please post the URL of the page that is having the issue?

Hi Mike,

This is the URL: file:///C:/Users/Serge/Documents/website/index.html

But again I don't think that will help because these are the local files, no?

Sorry I did not make that clear... it is the local files generated by PS CS3. Here are the contents of the gallery.xml file generated, if that's any help:




<?xml version="1.0" encoding="UTF-8"?>

<!-- OPTIONS SUPPORTED BY STANDARD SWF -->
<simpleviewergallery

    title="arch gallery"
    textColor="FFFFFF"
    frameColor="FFFFFF"
    thumbPosition="LEFT"
    galleryStyle="MODERN"
    thumbColumns="3"
    thumbRows="4"
    showOpenButton="true"
    showFullscreenButton="true"
    frameWidth="20"
    maxImageWidth="500"
    maxImageHeight="500"
    imagePath="images/"
    thumbPath="thumbs/"
    useFlickr="false"
    flickrUserName=""
    flickrTags=""
    languageCode=""
    languageList=""
>
    <image imageURL="images/a005-12.jpg" thumbURL="thumbs/a005-12.jpg" linkURL="" linkTarget="" >
        <caption>a005-12.jpg</caption>
    </image>
    <image imageURL="images/a036-23.jpg" thumbURL="thumbs/a036-23.jpg" linkURL="" linkTarget="" >
        <caption>a036-23.jpg</caption>
    </image>
    <image imageURL="images/a066-04.jpg" thumbURL="thumbs/a066-04.jpg" linkURL="" linkTarget="" >
        <caption>a066-04.jpg</caption>
    </image>
    <image imageURL="images/a066-08.jpg" thumbURL="thumbs/a066-08.jpg" linkURL="" linkTarget="" >
        <caption>a066-08.jpg</caption>
    </image>
    <image imageURL="images/a066-08pan.jpg" thumbURL="thumbs/a066-08pan.jpg" linkURL="" linkTarget="" >
        <caption>a066-08pan.jpg</caption>
    </image>
    <image imageURL="images/a066-09.jpg" thumbURL="thumbs/a066-09.jpg" linkURL="" linkTarget="" >
        <caption>a066-09.jpg</caption>
    </image>
    <image imageURL="images/a120a-30.jpg" thumbURL="thumbs/a120a-30.jpg" linkURL="" linkTarget="" >
        <caption>a120a-30.jpg</caption>
    </image>
    <image imageURL="images/a146-12.jpg" thumbURL="thumbs/a146-12.jpg" linkURL="" linkTarget="" >
        <caption>a146-12.jpg</caption>
    </image>
    <image imageURL="images/b001-03.jpg" thumbURL="thumbs/b001-03.jpg" linkURL="" linkTarget="" >
        <caption>b001-03.jpg</caption>
    </image>
    <image imageURL="images/b001-21.jpg" thumbURL="thumbs/b001-21.jpg" linkURL="" linkTarget="" >
        <caption>b001-21.jpg</caption>
    </image>
    <image imageURL="images/b001-28.jpg" thumbURL="thumbs/b001-28.jpg" linkURL="" linkTarget="" >
        <caption>b001-28.jpg</caption>
    </image>
    <image imageURL="images/b002-01.jpg" thumbURL="thumbs/b002-01.jpg" linkURL="" linkTarget="" >
        <caption>b002-01.jpg</caption>
    </image>
    <image imageURL="images/b002-15.jpg" thumbURL="thumbs/b002-15.jpg" linkURL="" linkTarget="" >
        <caption>b002-15.jpg</caption>
    </image>
    <image imageURL="images/b003-14.jpg" thumbURL="thumbs/b003-14.jpg" linkURL="" linkTarget="" >
        <caption>b003-14.jpg</caption>
    </image>
    <image imageURL="images/b003-17.jpg" thumbURL="thumbs/b003-17.jpg" linkURL="" linkTarget="" >
        <caption>b003-17.jpg</caption>
    </image>
    <image imageURL="images/b003-18.jpg" thumbURL="thumbs/b003-18.jpg" linkURL="" linkTarget="" >
        <caption>b003-18.jpg</caption>
    </image>
    <image imageURL="images/b004-31.jpg" thumbURL="thumbs/b004-31.jpg" linkURL="" linkTarget="" >
        <caption>b004-31.jpg</caption>
    </image>
    <image imageURL="images/b004-35.jpg" thumbURL="thumbs/b004-35.jpg" linkURL="" linkTarget="" >
        <caption>b004-35.jpg</caption>
    </image>
    <image imageURL="images/b005-01.jpg" thumbURL="thumbs/b005-01.jpg" linkURL="" linkTarget="" >
        <caption>b005-01.jpg</caption>
    </image>
    <image imageURL="images/b006-03.jpg" thumbURL="thumbs/b006-03.jpg" linkURL="" linkTarget="" >
        <caption>b006-03.jpg</caption>
    </image>
    <image imageURL="images/b00a-11.jpg" thumbURL="thumbs/b00a-11.jpg" linkURL="" linkTarget="" >
        <caption>b00a-11.jpg</caption>
    </image>
    <image imageURL="images/b00a-25.jpg" thumbURL="thumbs/b00a-25.jpg" linkURL="" linkTarget="" >
        <caption>b00a-25.jpg</caption>
    </image>
    <image imageURL="images/b011-28.jpg" thumbURL="thumbs/b011-28.jpg" linkURL="" linkTarget="" >
        <caption>b011-28.jpg</caption>
    </image>
    <image imageURL="images/b013-17.jpg" thumbURL="thumbs/b013-17.jpg" linkURL="" linkTarget="" >
        <caption>b013-17.jpg</caption>
    </image>
    <image imageURL="images/b014-23.jpg" thumbURL="thumbs/b014-23.jpg" linkURL="" linkTarget="" >
        <caption>b014-23.jpg</caption>
    </image>
    <image imageURL="images/b017-35.jpg" thumbURL="thumbs/b017-35.jpg" linkURL="" linkTarget="" >
        <caption>b017-35.jpg</caption>
    </image>
    <image imageURL="images/b019a-12.jpg" thumbURL="thumbs/b019a-12.jpg" linkURL="" linkTarget="" >
        <caption>b019a-12.jpg</caption>
    </image>
    <image imageURL="images/b019a-21.jpg" thumbURL="thumbs/b019a-21.jpg" linkURL="" linkTarget="" >
        <caption>b019a-21.jpg</caption>
    </image>
    <image imageURL="images/b019a-24.jpg" thumbURL="thumbs/b019a-24.jpg" linkURL="" linkTarget="" >
        <caption>b019a-24.jpg</caption>
    </image>
    <image imageURL="images/b019b-30.jpg" thumbURL="thumbs/b019b-30.jpg" linkURL="" linkTarget="" >
        <caption>b019b-30.jpg</caption>
    </image>
    <image imageURL="images/b020-07.jpg" thumbURL="thumbs/b020-07.jpg" linkURL="" linkTarget="" >
        <caption>b020-07.jpg</caption>
    </image>
    <image imageURL="images/b021-16.jpg" thumbURL="thumbs/b021-16.jpg" linkURL="" linkTarget="" >
        <caption>b021-16.jpg</caption>
    </image>
</simpleviewergallery>

Again, I have not even tried to upload this onto my web page yet... I would just like to see what it generated locally on my laptop/pc.

Thanks and best regards,
WorldScapes

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Getting just a plain white page

Could you either put up a test page or post your HTML code for the gallery page?

Mike Richards
SimpleViewer Support Team.
  • Registered: 2010-09-16
  • Posts: 7

Re: Getting just a plain white page

Mike Richards wrote:

Could you either put up a test page or post your HTML code for the gallery page?


Yes, here you go:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>SimpleViewer Gallery</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
//flashvars.firstImageIndex = "0";
//flashvars.preloaderColor = "#FFFFFF";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "000";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>
<style type="text/css" media="screen">
html, body { height:100%; }
body {
margin:0;
padding:0;
overflow:hidden;
background-color: #000;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>
</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>
</html>


Best,
WorldScapes

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Getting just a plain white page

Is the simpleviewer.swf and gallery.xml in the same folder as the html?

Also add a doctype to the top of your doc

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

You meta tag needs to be closed

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

should be:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Mike Richards
SimpleViewer Support Team.
  • Registered: 2010-09-16
  • Posts: 7

Re: Getting just a plain white page

Thanks for your help Mike.

I must have missed that one must include the simpleviewer.swf file within the generated gallery folder - that did the trick!

Thanks again and best regards,
WorldScapes