• Registered: 2011-11-09
  • Posts: 2

Topic: New to web design--help starting from step 1.

Tiltviewer is not uploading to my website via Dreamweaver. I ran TiltViewer as a script through Photoshop. I may have messed up this part because I wasn't sure where my out and in folders should be located... So, I open up Dreamweaver, i paste the html code in and all that it says on my website www.virtualresurrection.com is that Java/Adobe needs to be installed...even though these are up to date on my computer. So, I tried using the fikr option. just because i thought maybe there was a photoshop setting I was missing. Even though I have entered my user Id into the code it still doesn't work!!!! Either way it's the same problem--either the page says download flash/java here.... or a TiltViewer gallery shows up with no images, and then collapses on the screen. What am I missing here? Please help!!

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

Re: New to web design--help starting from step 1.

Your TiltViewer embedding code is all on a single line with no line feeds/carriage returns and most of the JavaScript (everything after the first comment) is commented out.
Try inserting your embedding code into your page again making sure that there is a line feed after each line of code and that the editor you use when inserting the code does not alter what you enter at all.
Your embedding code currently looks like this:

<script type="text/javascript" src="swfobject.js"></script> 
<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", "640", "480", "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/projects/tiltviewer/config_options.html

//FLICKR GALLERY OPTIONS 
 To use images from Flickr, uncomment this block 
fo.addVariable("useFlickr", "true");
fo.addVariable("user_id", "69511079@N02");
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", "true");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","1000");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3"); fo.addVariable("rows", "3"); //fo.addVariable("bkgndInnerColor", "0xFFFFFF");
//fo.addVariable("bkgndOuterColor", "0xFFFFFF");
//fo.addVariable("frameColor", "0xAAAAAA");
//fo.addVariable("navButtonColor", "0x000000");
//fo.addVariable("showFlipButton", "true");
fo.addVariable("showLinkButton", "false");
//fo.addVariable("linkLabel", "View image info");
//fo.addVariable("backColor", "0xDDDDDD");
//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>

... but it should look like this:

<script type="text/javascript" src="swfobject.js"></script> 
<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", "640", "480", "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/projects/tiltviewer/config_options.html

//FLICKR GALLERY OPTIONS 
 To use images from Flickr, uncomment this block 
fo.addVariable("useFlickr", "true");
fo.addVariable("user_id", "69511079@N02");
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", "true");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","1000");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3"); fo.addVariable("rows", "3");
//fo.addVariable("bkgndInnerColor", "0xFFFFFF");
//fo.addVariable("bkgndOuterColor", "0xFFFFFF");
//fo.addVariable("frameColor", "0xAAAAAA");
//fo.addVariable("navButtonColor", "0x000000");
//fo.addVariable("showFlipButton", "true");
fo.addVariable("showLinkButton", "false");
//fo.addVariable("linkLabel", "View image info");
//fo.addVariable("backColor", "0xDDDDDD");
//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>
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-09
  • Posts: 2

Re: New to web design--help starting from step 1.

Thank you for responding so quickly! I did as you said, and I'm having the same problem. See here http://virtualresurrection.com/1.htm
Maybe I'm not inserting the code right? I paste it into the code view in Dreamweaver, is that right?

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

Re: New to web design--help starting from step 1.

Your '1.htm' page is simply the embedding code and not a complete web page. (It has no Doctype Declaration and no <html>, <head> or <body> tags.)
Also, the code is looking for the file 'TiltViewer.swf' to be located in the same directory as the '1.htm' file and it does not seem to be there.
As an alternative, try the following:
(1) Upload the entire gallery folder (not just the contents) to your web server
(2) Embed the gallery in your web page using an <iframe> such as the following:

<iframe src="http://www.example.com/gallery_folder/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

... making sure the 'src' attribute of the <iframe> points towards the 'index.html' file in your gallery folder (and changing the width and height to suit your web page).

Steven Speirs
SimpleViewer Support Team