jcarousel スクリプトが大好きで、自分の Web サイト www.careylist.com に統合しようとしています。
私の人生では、それを正しく機能させることはできません。1 つには、スクリプトの幅と高さを調整できるようにする必要がありますが、オンラインのセルフヘルプに従ってそれを実行しようとするたびに失敗します。その時点で、すべての画像は次のように順序付けられていないリストとしてリストされます。
使用するスクリプトは次のとおりです。
<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();
});
};
/**
* Overwrite for having a carousel with dynamic width.
*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 85%;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 100%;
height:300px;
}
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2800,
visible:5,
circular: true,
speed: 1100,
scroll: +1,
vertical: false,
circular: true,
initCallback: mycarousel_initCallback
});
});
</script>
上記のスクリプトで幅と高さを扱うセクションを削除すると、機能しますが、デフォルトの幅と高さになります。
私は何を間違っていますか?