2 つの jQuery プラグインを組み合わせて、http ://tympanus.net/codrops/2011/08/30/automatic-image-montage/とhttp://www.dynamicdrive.com/dynamicindex4/featuredzoomerを連携させようとしています。 .htm
最初のものは自動的にモンタージュを作成し、インライン スタイルを img タグに追加します。例えば。style="display: inline-block; width: 333px; height: 234px; left: 0px; top: 0px;"
その後、2 つ目は幅と高さのプロパティを使用しています。唯一の問題は、fillLastRow オプションが true の場合、モンタージュ スクリプトが最後の行を「埋める」ことです。そのため、少し乱雑なインライン スタイルになっています。
style=display: inline-block; width: 1663px; height: 1075px; left: -1px; top: -443.5px;
そのため、ズーマー スクリプトは「幅: 1663px; 高さ: 1075px」の値を使用し、最後の画像の領域 (マウス ホバー領域) を大きくしすぎて、他の画像をブロックしています。
最後の画像の実際に表示されている幅と高さを使用するように、何らかの方法でズーマー スクリプトを「トリック」する方法はありますか? つまり、画像の表示可能な幅と高さを取得する方法は?