• Registered: 2011-09-29
  • Posts: 6

Topic: Tiltviewer immages do nt show on my website

I have not found a solution to this problem on this forum yet. Any help will be deeply appreciated.
I created a gallery with a Tiltviewer plugin for Adobe Lightroom 3. All of the files created were uploaded to my site's server. I have followed the instructions on the Embedding TiltViewer in an existing HTML page and copy pasted the HTML code to my page. When I click on the index.html file on the server, the photos can be seen along with the custom settings as background color, gallery size, etc. However, when I view the page, only the navigation arrows show up. I am new to HTML so I am not sure what part of the code points to my images. Below is the code embedded on my page. Please let me know what I am doing wrong. Thanks!

<?xml version="1.0" encoding="UTF-8"?>
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page Title</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;color:#000000;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");
fo.addVariable("useFlickr", "false");
fo.addVariable("maxJPGSize","1300");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");

fo.addVariable("frameColor",      '0x2D221C');
fo.addVariable("backColor",       '0x8A6855');
fo.addVariable("bkgndInnerColor", '0x2D221C');
fo.addVariable("bkgndOuterColor", '0x000000');

fo.addVariable("linkLabel", "Click to follow link");
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");

fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","640");

</script>
</body>
</html>

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Tiltviewer immages do nt show on my website

The line:

fo.write("flashcontent");

... should be placed after all the 'fo.addParam' and 'fo.addVariable' lines.
You also have two duplicate entries (useFlickr and maxJPGSize), one of which (maxJPGSize) has been given two different values.
Please post the URL to your gallery so that we can take a look and help further.
It would be much easier to troubleshoot if we see the gallery in question.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 6

Re: Tiltviewer immages do nt show on my website

Steven,

Thanks so much for your prompt reply. I will make the corrections you noted. Below is the URL to my page containing the gallery. I am currently redoing my website so this page has not been published yet. Let me know if you find anything else.

Regards,
orlando Rio
fotoguy61

  • Registered: 2011-09-29
  • Posts: 6

Re: Tiltviewer immages do nt show on my website

Sorry! here is the URL    http://www.fotografixs.net/home_page2.html

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Tiltviewer immages do nt show on my website

Your gallery's XML file has entries such as:

<photo linkurl="" imageurl="images/haley_field2.jpg" showFlipButton="true">

Therefore, TiltViewer is looking for an image at the location:
http://www.fotografixs.net/images/haley_field2.jpg
... and there is no such image at this location.
Check the location of your images and/or the paths to the images in the XML file.
The imageurl can be relative (to the HTML document containing the SWF file) or absolute.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 6

Re: Tiltviewer immages do nt show on my website

Steven,
Thanks a million for your help. I am new at this so I didn't realize that the code in the XML file is what pointed to the content in the gallery. Indeed the images were in the wrong place. Apparently, when the gallery is created with TilTvier within Adobe Lightroom, it puts the images in a sub directory under the project folder. When I uploaded the folder to my site's server, the images were located in the sub folder. I moved the images folder to the root directory and the images appeared.

I would like to get the TiltViewer pro version but also noticed there is a svmanager available. Does the svmanager come with TiltViewer, SimpleViewer and AutoViewer included or do these have to be purchased separately?

Again, thanks so much for your help. I really appreciated it.
orlando@fotografixs.net

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Tiltviewer immages do nt show on my website

Does the svmanager come with TiltViewer, SimpleViewer and AutoViewer included or do these have to be purchased separately?

svManager comes with the Standard versions of all four viewers.
Pro viewers are separate purchases. You can purchase each Pro viewer individually or all four viewers with svManager as a bundle.
If you do purchase svManager and TiltViewer-Pro, instructions for 'Using svManager with a Pro viewer' can be found here: http://simpleviewer.net/svmanager/support/#svpro

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 6

Re: Tiltviewer immages do nt show on my website

Got it! one last thing. Since the standard viewers are already plug-ins within Adobe Lightroom, can svManager and the viewer pro versions be added as plug-ins as well?

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Tiltviewer immages do nt show on my website

can svManager and the viewer pro versions be added as plug-ins as well?

svManager cannot be used as a plug-in for Lightroom. It is a standalone PHP web application. However, galleries created by Lightroom may be imported into svManager by following these instructions: http://simpleviewer.net/svmanager/support/#importscreen

The AutoViewer and PostcardViewer Lightroom templates can be upgraded from Standard to Pro by following the instructions in these links:
http://simpleviewer.net/autoviewer/pro/ … #lightroom
http://simpleviewer.net/postcardviewer/ … #lightroom
The SimpleViewer Lightroom template can be downloaded from here: http://theturninggate.net/galleries/fla … eviewer-2/
Instructions for upgrading it from Standard to Pro can be found on the same page.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 6

Re: Tiltviewer immages do nt show on my website

Thanks!!! have a great day!