0

私のホームページのスライダーには独自の考え方があり、最初にウェブサイトにアクセスしたときに正しく読み込まれることはめったにありません。http://www.dailyshowbusiness.com

スライダーには、以下の 3 つの小さい (選択肢) 画像を含む 1 つの大きな画像が必要です。通常、ドメインを入力して Enter キーを押すと、3 つの小さい画像だけが表示されますが、メインの画像は表示されません。

別のページをクリックしてからホームをクリックすると、プラグインが正しく読み込まれます。

初めてロードされないのはなぜですか。何か案は？

ありがとう。

4

2 に答える 2

0

このコードをドキュメント準備完了関数に入れます

$(document).ready(function(){


$('#carousel').infiniteCarousel({
    transitionSpeed: 800,
    displayTime: 10000,
    displayProgressRing: false,
    progressRingColorOpacity: '0,0,0,.5',
    progressRingBackgroundOn: false,
    thumbnailType: 'images',
    easeLeft: 'linear',
    easeRight:'linear',
    imagePath: './addons/shared_addons/themes/dailyshowbiz/img/',
    inView: 1,
    margin: 0,
    advance: 1,
    customClass: 'myCarousel',
    showControls: false,
    autoHideCaptions: false,
    autoPilot: true,
    prevNextInternal: true,
    internalThumbnails: false,
    enableKeyboardNav: false
});

});
于 2012-09-11T07:41:24.190 に答える
0

このファイルではhttp://www.dailyshowbusiness.com/addons/shared_addons/themes/dailyshowbiz/js/scripts.js
1 行
目 スライダーの固定高さ (500px) を設定するか、その関数を on で呼び出しますwindow.load。

問題は、画像がまだロードされていないときに、プラグインが設定されheight = 0pxているため、まったく表示されないことです。

于 2012-09-11T07:42:36.670 に答える