Hi
I would like to use lava lamp jquery menu for my project:
http://www.gmarwaha.com/blog/category/client-side/jquery/
I`ve dowloaded the demo and almost copy and paste it, but somehow it doesn`t work on MODx.
here is my template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Lava Lamp</title>
<base href="[(site_url)]"></base>
<link rel="stylesheet" href="assets/templates/test/lava.css" type="text/css" media="screen">
<script type="text/javascript" src="assets/js/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
</head>
<body>
<h3>With Image</h3>
<ul class="lavaLampWithImage" id="1">
<li><a href="#">Home</a></li>
<li><a href="#">Plant a tree</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Ride an elephant</a></li>
</ul>
</body></html>
I`m using 1.0.4 Evolution, Can someone tell me where i make mistake