1 
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(document).ready(function() {
$('#slider').cycle({
    fx: 'scrollHorz',
    next:   '#next', 
    prev:   '#previous' 


});
});

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(function() {
    $('a. lightbox').lightBox();
});
</script>
</script>
  1. 问题：当我在单独的文件中使用代码时，它工作得很好，但是当我将灯箱添加到轮播脚本时，反之亦然。他们俩都停止工作。

我刚开始使用jQuery and plugins. 遇到问题，我不太知道如何解决它，或者出了什么问题。我想在我的网站上有一个轮播和一个灯箱，但是每当我添加脚本时，它就会停止工作。

从http://leandrovieira.com/projects/jquery/lightbox/获取灯箱的源文件，从 jquery 网站获取 jquery 库。轮播和灯箱。

回复将不胜感激。

现在灯箱只能工作，而不是轮播

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(document).ready(function() {
$('#slider').cycle({
    fx: 'scrollHorz',
    next:   '#next', 
    prev:   '#previous' 

     // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<script type="text/javascript" src="js/jquery.js"></script><script
type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(function() {
    $('a.lightbox').lightBox();
});
</script>
4

0 回答 0