お仕事メモ。
よくぶつかる課題。
複数設置すると、どれかが動かなくなるという件。

まずは、動かない例。
[html]
<!– jQuery library (served from Google) –>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!– bxSlider Javascript file –>
<script src="Scripts/jquery.bxslider.min.js"></script>
<!– bxSlider CSS file –>
<link href="Scripts/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(function(){
$(‘#slider2’).bxSlider({
auto:true,
speed:1000,
mode: ‘fade’,
captions: true
});
});</script>

<!– jcarousel用 –>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>

<!– jcarousel –>
<script type="text/javascript" src="Scripts/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="style/skin.css" />
<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind(‘click’, function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind(‘click’, function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};

jQuery(document).ready(function() {
jQuery(‘#mycarousel’).jcarousel({
scroll: 1,
auto: 2,
wrap: ‘circular’,
initCallback: mycarousel_initCallback
});
});
</script>
[/html]

↓こちらで、解決。
読み込み順を変えるのだけども、かなり時間かかってもた。

[html]
<!– jcarousel用 –>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>

<!– jQuery library (served from Google) –>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!– bxSlider Javascript file –>
<script src="Scripts/jquery.bxslider.min.js"></script>
<!– bxSlider CSS file –>
<link href="Scripts/jquery.bxslider.css" rel="stylesheet" />
<script type="text/javascript">
$(function(){
$(‘#slider2’).bxSlider({
auto:true,
speed:1000,
mode: ‘fade’,
captions: true
});
});</script>

<!– jcarousel –>
<script type="text/javascript" src="Scripts/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="style/skin.css" />
<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind(‘click’, function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind(‘click’, function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};

jQuery(document).ready(function() {
jQuery(‘#mycarousel’).jcarousel({
scroll: 1,
auto: 2,
wrap: ‘circular’,
initCallback: mycarousel_initCallback
});
});
</script>
[/html]

明日もこぴっと頑張れし!