jQueryについて
jQueryのクロスフェードとlightboxを同一ページに設定しています。
よく分かっていないのに、コピペで作っていますが、
クロスフェードをするとlightboxが動作しません。
設定をどう変更したら出来るようになりますか？
どなたか助けてください。
<link rel="stylesheet" type="text/css" href="cssjs/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="cssjs/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="cssjs/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="cssjs/target.js"></script>
<script type="text/javascript">
$(function(){
var setImg = '#rightimg';
var fadeSpeed = 1500;
var switchDelay = 5000;
$(setImg).children('img').css({opacity:'0'});
$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);
setInterval(function(){
$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
},switchDelay);
}); </script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<title>あかさたな</title>
</head>
<body>
<div id="outer"><!--outer START-->
<div id="container">
<div id="header"><!--header START-->
<h1>いろはにほへと</h1>
</div><!--header END-->
<div id="menu"><!--menu START-->
<ul id="bar">
<li><a href="index.html">HOME</a></li>
<li><a href="ka.html">ABC</a></li>
<li><a href="history.html">DEF</a></li>
<li><a href="kaga.html">GHJ</a></li>
<li><a href="admission.html">KLM</a></li>
<li id="sen"><a href="link.html">りんく</a></li>
</ul>
</div><!--menu END-->
<div class="don"></div>
<div id="eyecatch">
<div id="leftimg"></div>
<div id="rightimg">
<img src="images/1.jpg" width="300" height="300" alt="" />
<img src="images/2.jpg" width="300" height="300" alt="" />
<img src="images/3.jpg" width="300" height="300" alt="" />
<img src="images/4.jpg" width="300" height="300" alt="" />
</div>
</div>
<div id="contents"><!--contents START-->
<h2>最新ニュース</h2>
<h3>あかさたな</h3>
<div id="gallery">
<ul>
<li><a href="top/3.jpg" title="かきくけこ"><img src="top/3s.jpg" width="193" height="272" alt="かきくけこ" /></a></li>
<li><a href="top/1.jpg" title="あいうえお"><img src="top/1s.jpg" width="182" height="272" alt="あいうえお" /></a></li>
<li><a href="top/2.jpg" title="あいうえお"><img src="top/2s.jpg" width="182" height="272" alt="あいうえお" /></a></li>
</ul>
</div>
お礼
ありがとうございました。