Topic: Using Flickr on webserver but Images not Showing...
So I uploaded the photos that I want to use to Flickr and followed the instructions from the Tilt Viewer site on how to setup the html document so it pulls those photos into Tilt Viewer. After that, I put the html document on a webserver as it says to do but when I open the page, blank squares appear... Any suggestions on what the problem may be?
Here is the link to the webpage : http://jwportfolio.me/
And here is the source code:
<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>Portfolio of Justin Wilkinson</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
//fo.addVariable("useFlickr", "true");
//fo.addVariable("user_id", "46424798@N08");
//fo.addVariable("tags", "Portfolio");
//fo.addVariable("tag_mode", "any");
//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","640");
//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");
//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>