Cant get my website to work

Howdy.

I recently bought an domainname (andersbergqvist.se) and have made a webpage basically consisting of an image gallery. i have been using a program called Tiltviewer to do this, and the program “automatically” generates the files neccessary( .html .xml. .js .swf and and image folder containing the images i have choosen). I got myself an webhost and uploaded the files with FPT, but that did not work. I cant see what is wrong. All I get is a text saying I need to install Flash and a link to Adobe. I already have that installed. When i run the index.html from my computer it works fine. Do I have to do some coding in html or xml?

Please help the noob!

All you gotta do is add this to the end of the index.html before the </body>tag


<script type="text/javascript">
fo.write("flashcontent");
</script>

It shuold work after that.

Thanks for the tip, i locked at my code in the index.html, and that code you gave me is there aldready, but in different places. I thought it would be easier if i copied my code here, so you can see if there´s any strange about it. There were links inside the code, and sitepoint don´t allow me to have links inside posts, so instead of the link I wrote LINK TO:, and then the adress. Here it is:


<html xmlns="LINK TO: w3" 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: #FFFFFF;
		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=LINK TO: getplashplayer">Get Flash here.</	a> </div>	
	<script type="text/javascript">

		var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#FFFFFF");

		// 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: 
		// LINK TO: tiltviewer

		//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","640");

		//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", "0x000000");
		fo.addVariable("backColor", "0xFFFF00");
		fo.addVariable("bkgndInnerColor", "0xFFFFFF");
		fo.addVariable("bkgndOuterColor", "0xFFFFFF");
		//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>

As you can see there are many different variables depending on how you want to use the gallery. I dont want to use flickr, so maybe i have to set it up as an xml based page and do some xml code adjustments. But in the flickr options in the html above the “//” are all there…

Best regards:

Anders

You missed a " in this statement <a href=LINK TO: getplashplayer">Get Flash here.</ a>
it should look like this

<a href=“LINK TO: getplashplayer”>Get Flash here.</a>

Well, i accidently removed the " when i removed the link… its there in the original file.

Im not sure if this has anything to do with it bu theres a space in the closing of the <a> tag between </ and a> im not sure if its causing rendering problems…

Your problem hear is that the javascript is not being evaluated when the page is rendered try moving the script to an external js file.

You have to move from where it says

var fo = new SWFObject…

to

…fo.write(“flashcontent”);

after that if it still doesn’t work post the edited index.html again.

The space you were referring to is not there in the original file, might have been caused when i copied and pasted it. Do I need to make a new .js file? I didnt understand that part (im really new to this stuff so…) I have a .js file called swfobject.js. Do I need to edit that file?

Ok this code works…

<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");
	fo.addParam("allowFullScreen","true");	fo.write("flashcontent");
</script>
</body>
</html>

The problem was all the comments at the bottom the fo.write(“flashcontent”) was commented out

hello again. Tried with that code, and tiltviewer and the images loaded. But, it was´nt my images… Very strange. I have not uploaded any of those images. Really wierd…

It seems to randomly collect images from flickr.com instead of using my uploaded images…

Ok I missed a few lines of code… Use this one

<html xmlns="LINK TO: w3" 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: #FFFFFF;
		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=LINK TO: getplashplayer">Get Flash here.</	a> </div>	
	<script type="text/javascript">

		var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#FFFFFF");

		// 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: 
		// LINK TO: tiltviewer

		//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","640");

		//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", "0x000000");
		fo.addVariable("backColor", "0xFFFF00");
		fo.addVariable("bkgndInnerColor", "0xFFFFFF");
		fo.addVariable("bkgndOuterColor", "0xFFFFFF");
		//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>

When I modified the original I took out


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

This caused it to get images from Flickr.

Wee!!! It works now! YES! You´re a genious.

Thank you SO much!!!

Best regards:

Anders Bergqvist from Sweden

Hey guys!

I had to register to this site because you were the only ones I found who clearly, and what looks to be successfully, fixed the same problem I’m having.

I’ve tried all of your methods suggested above with no luck.

I realize this thread is well over a year old but if you’re still out there, care to give me a hand as well? I really want this to end with the same enthusiasm as Anders :wink:

Let me know if you need my code!

Cheers!
Ness