<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>
- 問題:コードを別々のファイルファイルで使用する場合は問題なく機能しますが、ライトボックスをカルーセルスクリプトに追加する場合、またはその逆の場合です。両方とも動作を停止します。
使い始めたばかりjQuery and plugins
です。問題が発生しましたが、それを修正する方法や、何が問題なのかよくわかりません。ウェブサイトにカルーセルとライトボックスを配置したいのですが、スクリプトを追加すると、スクリプトが機能しなくなります。
http://leandrovieira.com/projects/jquery/lightbox/からライトボックスのソースファイルを取得し、jqueryWebサイトから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>