web/res/metadataplayer/test/example.html
changeset 99 6cb4d10f0b8b
child 133 9578d3ddce17
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/metadataplayer/test/example.html	Wed Apr 06 16:26:16 2011 +0200
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Example jqDock</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
+<script type='text/javascript' src='http://www.wizzud.com/jqDock/jquery.jqDock.min.js'></script>
+
+<style type='text/css'>
+	/*position and hide the menu initially - leave room for menu items to expand...*/
+	#page {padding-top:150px; padding-bottom:20px; width:100%;}
+	#menu {position:absolute; top:100px; left:0; display:none;}
+</style>
+<script type='text/javascript'>
+jQuery(document).ready(function($){
+	// Apply jqDock with no options...
+	$('#menu').jqDock();
+});
+</script>
+</head>
+<body>
+	<div id='page'>
+		<div id='menu'>
+			<img src='http://www.wizzud.com/jqDock/images/m/Addressbook.png' title='Favourites' alt='' />
+			<img src='http://www.wizzud.com/jqDock/images/m/DVD-Player.png' title='Pictures' alt='' />
+			<img src='http://www.wizzud.com/jqDock/images/m/Safari.png' title='Music' alt='' />
+			<img src='http://www.wizzud.com/jqDock/images/m/Terminal.png' title='Videos' alt='' />
+			<img src='http://www.wizzud.com/jqDock/images/m/Instant_Messaging.png' title='Uploads' alt='' />
+		</div>
+	</div>
+</body>
+</html>