Topic: Tiltviewer loading the sample photos only.

I am trying to run a Tiltviewer gallery that my wife asked me to tack onto our small vanity homepage for family photos.

It is located at: http://walkowiaks.com/assets/TiltViewer.swf

All it will display is the simpleviewer sample photos. I'm not even sure as to how it's doing this, because I have my own gallery.xml and index.html files in the same directory as the tiltviewer.swf.

I have an IT/IS background, but know very little HTML/XML, and I suspect (I KNOW) this is the problem.  LOL...

Here is a list of the files in my \assets folder at my hosting company:

[imgs] folder with the 25 .jpg files listed in the gallery.xml
gallery.xml
index.html
swfobject.js
tiltviewer.swf

And here are dumps of the gallery.xml files and the index.html files from the directory as well.

gallery.xml

<tiltviewergallery>
    <photos>

<photo imageurl="imgs/dsc_2533_edited_1.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_2533_edited_1.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>The girls at the lake at sunset.</description></photo>
<photo imageurl="imgs/dsc_4272.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4272.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey</description></photo>
<photo imageurl="imgs/dsc_4278.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4278.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Amelia</description></photo>
<photo imageurl="imgs/dsc_4300.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4300"
showflipbutton="false">
<title>My Image Title</title>
<description>Alice</description></photo>
<photo imageurl="imgs/img.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/" showflipbutton="false">
<title>My Image Title</title>
<description>My Image Description.</description></photo>
<photo imageurl="imgs/dsc_4352.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4352"
showflipbutton="false">
<title>My Image Title</title>
<description>Abigail &amp; Alice</description></photo>
<photo imageurl="imgs/dsc_4368.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4368.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Alice</description></photo>
<photo imageurl="imgs/dsc_4372.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4372.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Abigail</description></photo>
<photo imageurl="imgs/dsc_4400.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4400.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Alice</description></photo>
<photo imageurl="imgs/dsc_4405.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4405.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Abigail</description></photo>
<photo imageurl="imgs/dsc_4406.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4406.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Abigail</description></photo>
<photo imageurl="imgs/dsc_4421.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4421.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>The girls at the park.</description></photo>
<photo imageurl="imgs/dsc_4422jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4422jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>The girls at the park.</description></photo>
<photo imageurl="imgs/dsc_4448.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4448.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey</description></photo>
<photo imageurl="imgs/dsc_4452_bw_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4452_bw_copy.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Abigail</description></photo>
<photo imageurl="imgs/img.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/" showflipbutton="false">
<title>My Image Title</title>
<description>My Image Description.</description></photo>
<photo imageurl="imgs/dsc_4463_bw_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4463_bw_copy.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Amelia</description></photo>
<photo imageurl="imgs/dsc_4468_bw_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4468_bw_copy.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Alice</description></photo>
<photo imageurl="imgs/dsc_4482.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4482.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>The girls at the park.</description></photo>
<photo imageurl="imgs/dsc_4499_bwm_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4499_bwm_copy.jpg"
showflipbutton="false">
<title>Fall Walk</title>
<description>The girls on a fall walk.</description></photo>
<photo imageurl="imgs/dsc_4521.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4521.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Amelia</description></photo>
<photo imageurl="imgs/dsc_4522.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4522.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey</description></photo>
<photo imageurl="imgs/dsc_4529.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4529.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey</description></photo>
<photo imageurl="imgs/dsc_4553.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4553.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Amelia</description></photo>
<photo imageurl="imgs/dsc_4565_bw_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4565_bw_copy.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey.</description></photo>
<photo imageurl="imgs/dsc_4567_blue_only_with_leaves_copy.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/dsc_4567_blue_only_with_leaves_copy.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey.</description></photo>
<photo imageurl="imgs/mi.jpg"
linkurl="http://www.walkowiaks.com/assets/imgs/mi.jpg"
showflipbutton="false">
<title>My Image Title</title>
<description>Audrey.</description></photo>
    </photos>
</tiltviewergallery>

index.html

<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>TiltViewer</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">   
    /* hide from ie on mac \*/
    html {
        height: 100%;
        overflow: hidden;
    }
   
    #flashcontent {
        height: 100%;
    }
    /* end hide */

    body {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #000000;
        color:#ffffff;
        font-family:sans-serif;
        font-size:40;
    }

    a {   
        color:#cccccc;
    }
</style>
</head>
<body>
    <div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
    <script type="text/javascript">
   
        var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");           
       
        // TILTVIEWER CONFIGURATION OPTIONS
        // To use an option, uncomment it by removing the "//" at the start of the line
        // For a description of config options, go to:
        // http://www.airtightinteractive.com/proj … tions.html
                                                           
        //FLICKR GALLERY OPTIONS
        // To use images from Flickr, uncomment this block
        //fo.addVariable("useFlickr", "true");
        //fo.addVariable("user_id", "48508968@N00");
        //fo.addVariable("tags", "jump,smile");
        //fo.addVariable("tag_mode", "all");
        //fo.addVariable("showTakenByText", "true");           
       
        // XML GALLERY OPTIONS
        // To use local images defined in an XML document, use this block       
        fo.addVariable("useFlickr", "false");
        fo.addVariable("xmlURL", "gallery.xml");
        fo.addVariable("maxJPGSize","1024");
       
        //GENERAL OPTIONS       
        fo.addVariable("useReloadButton", "false");
        fo.addVariable("columns", "5");
        fo.addVariable("rows", "5");
        //fo.addVariable("showFlipButton", "true");
        //fo.addVariable("showLinkButton", "true");       
        //fo.addVariable("linkLabel", "View image info");
        //fo.addVariable("frameColor", "0xFF0000");
        //fo.addVariable("backColor", "0xDDDDDD");
        //fo.addVariable("bkgndInnerColor", "0xFF00FF");
        //fo.addVariable("bkgndOuterColor", "0x0000FF");               
        //fo.addVariable("langGoFull", "Go Fullscreen");
        //fo.addVariable("langExitFull", "Exit Fullscreen");
        //fo.addVariable("langAbout", "About");               
       
        // END TILTVIEWER CONFIGURATION OPTIONS
       
        fo.addParam("allowFullScreen","true");
        fo.write("flashcontent");           
    </script>   
</body>
</html>

Re: Tiltviewer loading the sample photos only.

If you view the SWF directly in your browser the config options are not set so you will get the default settings. What happens when you view the HTML page that contains the SWF?

Felix Turner
SimpleViewer Support Team.

Re: Tiltviewer loading the sample photos only.

Probably nothing, since my link calls the .swf directly.

Thanks! (so far, I'm sure there will be more), this is the kind of unfounded assumptions or basic mistakes on my part I knew were there. I did not make an .html page for the tiltviewer. I thought it just picked up the index.html and gallery.xml from the directory it was in by default.

I'll grab the source of someone else's working tiltviewer age and see what I need to build.

I'm now loading tiltviewer from a copy of app.htm that I pulled right from the example here at simpleviewer.net. I didn't see anything that was site or domain specific, or where it calls to the index.html or gallery.xml either. So I'm just running the .html as-is.

http://walkowiaks.com/assets/app.htm

<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>TiltViewer</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#flashcontent {
height: 100%;
}
/* end hide */

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}

a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">
<p><a href="..">TiltViewer</a> is a free, customizable 3D Flash image
viewing application. TiltViewer requires JavaScript and the latest
Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get
Flash here.</a></p>
<p>&nbsp;</p>
</div>
<script type="text/javascript">
var fo = new SWFObject("TiltViewer.swf", "shell", "100%", "100%", "9.0.28", "#000000");
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
</body>
</html>

Last edited by AJ Dual (2009-10-27 02:56:28)

Re: Tiltviewer loading the sample photos only.

Hi,

please check the step by step instructions here: http://www.simpleviewer.net/tiltviewer/ … truct.html

Felix Turner
SimpleViewer Support Team.