1

我正在尝试在同一张幻灯片上使用 fancybox 和 jcarousellite。我已经让两个脚本独立工作，但是当我把它们放在一起时，它们都不起作用。

我认为可能是脚本冲突，但我见过其他网站同时使用这两种功能。

这是我的页面中的内容：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
 <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
  <link rel="stylesheet" href="style.css" />
<script type="text/javascript">
 $(document).ready(function() {

  $("a#fancy").fancybox();
 });
 </script>
   <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
   $(function() {

$(".home").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
speed: 1000,
 auto: 2000,
easing: "easeinout"
});
});
</script>

然后我的图像布局如下：

<div id="slider" class="home" style="margin-top:-30px;">
<ul>
                <li ><a class="fancy" href="image"><img src="image" alt="Modern Wedding Photographer" style="padding:5px; border:0;"/></a></li>
<li ><a class="fancy" href="image"><img src="image" alt="Modern Wedding Photographer" style="padding:5px; border:0;"/></a></li>
<li ><a class="fancy" href="image"><img src="image" alt="Modern Wedding Photographer" style="padding:5px; border:0;"/></a></li>
                  </ul>
               </div>

谁能指出我正确的方向以寻求解决方案？谢谢

4

0 回答 0