2

jQuery プラグイン bgStretcher 2 (プラグインへのリンク<div>) を使用して、1 つのページでさまざまな機能を使用しようとしています。ただし、プラグインはページごとに 1 つのインスタンスしかサポートしていないように見えます。複数の$("#element").bgStretcher()呼び出しを行うと、最初の呼び出しのみが機能し、他のすべては無視され、「複数の bgStretcher」がコンソールに記録されます。

これを回避する方法はありますか、または同様のことを行う他のプラグイン、つまり画像をインテリジェントに引き伸ばして要素を埋めるプラグインはありますか? これを行うために、このプラグインの関連部分をハックしようとしましたが、うまくいきませんでした。

background-size: 100% を使用すると、要素のスペースが垂直方向にいっぱいにならず、水平方向に伸びるだけなので機能しません。

4

2 に答える 2

0

containerID を追加しようとしましたか?

el1.bgStretcher({
                containerId: "bgstretcher1",
                images : [...],
                ... further settings ...
})
el1.bgStretcher({
                containerId: "bgstretcher2",
                images : [...],
                ... further settings ...
})
于 2013-09-30T20:52:01.717 に答える
0

一度に 1 つの bgstretcher インスタンスしか表示できない設計の場合、アクティブなインスタンスを破棄して別のインスタンスを作成できます。

$('#slide1').bgStretcher.sliderDestroy();

$('#slide2').bgStretcher({
    images: imagesArray,
    imageWidth: 1600,
    imageHeight: 800,
});
于 2012-11-23T11:18:21.543 に答える