0

これがjQueryまたはJSで可能かどうか疑問に思っています。

画像を含むコンテナーの高さを取得することによって設定される div に設定されたマージンがあります。

var articleImageHeight = $('.slides_control').height();
$('.individual-article-contents').css('margin-top', articleImageHeight);

ただし、コンテナーのイメージは基本的にスライダーであるため、このコンテナーの高さは変更できます。

articleImageHeightコンテナの高さが変化したときに変数をライブで更新できるかどうか疑問に思っていますか?

コンテナー内のスライダーにslidesJSを使用しています。

私が取り組んでいるものの例を次に示します: http://goo.gl/FdftC

どうもありがとう、R

4

1 に答える 1

1

このために私がおそらく行うことは、スクリプトのスニペットを関数として追加し、スライドが変更されるたびにその関数を呼び出すことです。これは、プラグインにわずかな変更を加える必要があることを意味します。プラグを見ると、メインのアニメーション機能は単純に呼び出されanimate()ます。

簡単な例として 

updateHeight = function(){
   articleImageHeight = $('.slides_control').height();
   $('.individual-article-contents').css('margin-top', articleImageHeight);
}

上記は、関数にビットを追加updateHeight();してから、236行目に追加します...プラグインの非縮小バージョンを使用している場合。

という行のすぐ上} // end animate function

.animate.. 上マージンを更新するのではなく、少し見栄えが良いと思われるものを使用することを考えてみてください.css...しかし、あなたが何に取り組んでいるのかわからないので、完全にあなた次第です。

----EDIT---- アップデートだけです...プラグインで animateComplete() コールバックが魅力的に機能することがわかりました。

于 2013-02-17T00:16:53.653 に答える