0

最近、JavaScript プラグインをダウンロードしました (ここにあります: http://www.jacksasylum.eu/ContentFlow/download.php )。少し変更しようとしています。これまでのところ、コードに加えたすべての編集は、そのサイトのドキュメント タブにあるウォークスルーを読んで行われています。検索して検索しましたが、変更する必要があると思われるコードが1つしか見つかりません。それを行うのに十分なJavaScriptの知識がありません。

以前にそのプラグインをダウンロードしたことがある場合、またはドキュメント タブの一部を読んだことがある場合は、何が起こっているかを示した画像を次に示します。

ここに画像の説明を入力

アイコンがあまりにも広がっています。(アイコンは無視して、簡単だったので Facebook と Twitter を使用しました。) もっと近づける必要があります。(それらは 960px 幅の div に広がっています!)

私が探しているものかもしれないこのコードを見つけました。それはステップ幅と呼ばれます。それが必要かどうかはわかりません。誰でも私を埋めることができますか？

calcStepWidth: function(diff) {
        var vI = this.conf.visibleItems;
        var items = this.items.length;
        items = items == 0 ? 1 : items;
        if (Math.abs(diff) > vI) {
            if (diff > 0) {
                var stepwidth = diff - vI;
            } else {
                var stepwidth = diff + vI;
            }
        } else if (vI >= this.items.length) {
            var stepwidth = diff / items;
        } else {
            var stepwidth = diff * ( vI / items);
            //var stepwidth = diff/absDiff * Math.max(diff * diff,Math.min(absDiff,0.3)) * ( vI / this.items.length);
            //var stepwidth = this.flowSpeedFactor * diff / this.visibleItems;
            //var stepwidth = this.flowSpeedFactor * diff * ( this.visibleItems / this.items.length)
            //var stepwidth = this.flowSpeedFactor * diff / this._millisecondsPerStep * 2; // const. speed
        }
        return stepwidth;

プラグインがあれば簡単かもしれませんが、知識があれば役立ちます。

4

2 に答える 2

2

まず、これは JQuery プラグインではありません。問題は、画像のサイズと contentFlow コンテナーの幅の両方にあります。小さいアイコンが 960px のコンテナいっぱいに広がります。画像のサイズを大きくするか、コンテンツ フローを含む div の幅を小さくする必要があります。px または % を使用できます。例として、コンテンツ フロー サイトでは、メイン ページの右側のギャラリーに div width:70%; があることがわかります。

于 2013-02-20T20:20:59.633 に答える