请教两个jq兼容问题

本人小白，现在制作一个网页，在网上发现两个jq特效很好，然后希望将两者兼并
一个是jquery.fancybox，一个是鼠标经过图标高亮显示的JQ效果
然后本人将两代码放一起后发现只能实现一个，想问下原因和修改办法
代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>FancyBox 1.3.4 | Demonstration</title>

<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {

$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition'  : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
}
             });
});
</script>
    <style type="text/css">body {
background-color: #f4f4f4;
background-image: url();
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 812px;
top: 58px;
}    </style>
</head>
<body>
<div id="Layer2"><a rel="example_group" href="./example/9_b.jpg" title="Lorem ipsum dolor sit amet"><img src="./example/9_s.png" alt="" class="jfade_image" /></a>
 <script type='text/javascript' src='jquery.min.js'></script>
<script type='text/javascript' src='jfade.js'></script>

<script type="text/javascript" src='jfade.js'> 
$().ready(function() {
$('.jfade_image').jfade();
$('.portfolio').jfade({
start_opacity: ".4",
high_opacity: "1",
low_opacity: ".2",
timing: "500"
}); 
</script>
<a rel="example_group" href="./example/11_b.jpg" title=""><img alt="" src="./example/11_s.jpg"  class="jfade_image"/></a>
<a rel="example_group" href="./example/10_b.jpg" title=""><img alt="" src="./example/10_s.jpg"  class="jfade_image"/></a>
</div>
<a rel="example_group" href="./example/12_b.jpg" title=""><img class="last" alt="" src="./example/12_s.jpg" /></a>
</body></html>