搞不定的js.求迷津 _JavaScript

搞不定的js.求高手指点迷津
想做个翻页效果的相册,找了两个网站:
http://www.turnjs.com
http://www.jpageflip.de/index_en.php

上面那个愣是没弄出来,下面这个今天弄了一下还是没弄会.
往下面看(这个是首页的html,使用的是html5):

HTML code

<!DOCTYPE HTML>
<html>
<head>
<title>index</title>
<meta charset="utf-8">
</head>
<script type="text/javascript">
     $(document).ready(function(){
       $('#myPageFlip').jPageFlip({
         width: "1000",
         height: "1000",
         // other parameters
       });
     });
   </script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jpageflip-0.9.7.js"></script>
<style type="text/css">
<!--
body {font-size:14px; background-color:#A6FFA6; margin:0; padding:0; width:auto; height:auto; color:#ffffff; text-align:center; }

#img { width:auto; height:auto; padding:3px; margin-bottom:30px; margin-top:50px; }


footer { background:#0066CC url(foot.png) repeat-y scroll center; padding-top:10px; padding-bottom:10px; border:0; margin:0;  }
-->
</style>
<body>

 <div id="myPageFlip">
     <img src="1.jpg" class="jPageFlip">
     <img src="2.jpg" class="jPageFlip">
     <img src="3.jpg" class="jPageFlip">
     <img src="4.jpg" class="jPageFlip">
     <img src="5.jpg" class="jPageFlip">
     <img src="6.jpg" class="jPageFlip">
     <img src="7.jpg" class="jPageFlip">
     <img src="8.jpg" class="jPageFlip">
     <img src="9.jpg" class="jPageFlip">
     <img src="10.jpg" class="jPageFlip">
     <img src="11.jpg" class="jPageFlip">
     <img src="12.jpg" class="jPageFlip">     
   </div>
</body>
</html>

这些是js(在本地测试的时候,js照片,和HTML文件都放在同一个文件夹):
http://www.jpageflip.de/js/jquery-1.4.2.min.js
http://www.jpageflip.de/js/jpageflip-0.9.7.js
========================================================================
无论如何运行都还是不行,希望高手指点迷津......

------解决方案--------------------
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jpageflip-0.9.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myPageFlip').jPageFlip({
width: "1000",
height: "1000",
// other parameters
});
});
</script>
顺序换下试试
------解决方案--------------------
<script type="text/javascript">
$(document).ready(function(){
$('#myPageFlip').jPageFlip({
width: "1000",
height: "1000",
// other parameters
});
});
</script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jpageflip-0.9.7.js"></script>

你在用jquery的时候，还根本没有导入jq
------解决方案--------------------

探讨

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jpageflip-0.9.7.js"></script>