私のウェブサイトで 2 つのスクリプトを使用しています。これは、ページ間のスライド機能用です。
$(document).ready(function() {
$('#wrapper').scrollTo('#item2', 0);
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$('#wrapper').scrollTo($(this).attr('href'), 800);
return false;
});
$(window).resize(function () {
resizePanel();
});
});
function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_width = width * $('.item').length;
$('#debug').html(width + ' ' + height + ' ' + mask_width);
$('#wrapper, .item').css({width: width, height: height});
$('#mask').css({width: mask_width, height: height});
$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
}
そして、これは画像のスライドショー用です。
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"
スライドショーを実装すると、ページ間のスライド機能が機能しなくなります。これは、最新のスクリプトが原因です。どうすればこれを解決できますか?