Hi there its my first post so i'm trying to make a picture gallery like it is done at
http://ubelly.com/2011/01/creating-a...nvas/#comments
buuut its not working and i dont know why so can pls someone help me
oh and i'm a total noop in javascripting
this is what i've done so far :-) :
Code:
<head>

<title>WPS CW</title>
<link rel= "stylesheet" type = "text/css" href= "style.css">

<script type = "text/javascript" src="UID.js"></script>
<script type = "text/javascript" src="SpriteSheetUtils.js"></script>
<script type = "text/javascript" src="SpriteSheet.js"></script>
<script type = "text/javascript" src="Shadow.js"></script>
<script type = "text/javascript" src="DisplayObject.js"></script>
<script type = "text/javascript" src="Container.js"></script>
<script type = "text/javascript" src="Stage.js"></script>
<script type = "text/javascript" src="Bitmap.js"></script>
<script type = "text/javascript" src="BitmapSequence.js"></script>
<script type = "text/javascript" src="Tick.js"></script>

<script type = "text/javascript">
<!--
		var canvas;
		var stage;
		var pictures = new Array(5);
		var imageCount = 0;
		function init() 
		{
			canvas = document.getElementById('testCanvas');
			canvas.onmousemove = onMouseMove;
			stage = new Stage(canvas);
			for (i = 0; i <= pictures.length - 1; i++) 
			{
				pictures[i] = new Image();
				pictures[i].src = "sofa.jpg";
				pictures[i].onload = imageLoaded;
			}
			Tick.addListener(window);
		}
		function imageLoaded() 
		{
			imageCount++;
			if (imageCount >= pictures.length) 
			{
				createBitMaps();
			}
		}
		function createBitMaps() 
		{
			var bitmap;
			for (i = 0; i <= pictures.length - 1; i++) 
			{
				bitmap = new Bitmap(pictures[i]);
				bitmap.x = 250 * i;
				bitmap.y = canvas.height / 2;
				bitmap.rotation = 45 * Math.random() | 0;
				stage.addChild(bitmap);
			}

		}
		function tick() 
		{
			var direction = -(stage.mouseX - (canvas.width /2)) / ((canvas.width / 2)/ 10)
			for (i = 0; i <= pictures.length - 1; i++) 
			{
				stage.children[i].x = stage.children[i].x + direction;
			}
			stage.tick();
		}
		
		function onMouseMove(e) 
		{
			if (!e) { var e = window.event; }
			stage.mouseX = e.pageX - canvas.offsetLeft;
			stage.mouseY = e.pageY - canvas.offsetTop;
		}
		//-->
</script>

</head>
<body onload="init()">
		<div id="topcolumn">
		<?php echo "<a class='login' >Welcome ".$_SESSION['user']."</a>";?>
		|
		<a class="login" href="logout.php">Logout</a>
		</div>
		<div id='leftcolumn'>
		<a class='navBar' href='index.php'>Home</a>
		<a class='navBar' href='order.php'>Order</a>
		<a class='navBar' href='contact.html'>Contact</a>
		<?php
		if($_SESSION['root'] == 'true'){
		echo "<a class='navBar' href='intern.php'>Intern</a>";
		}?>
		</div>
		
		<canvas id="testCanvas" width="980" height="580">your browser does not support html5</canvas>
		<?php echo "<a>hallo1</a>";?>
		
</body>