0

私は現在、合計 10 枚の画像に対して 5 枚の画像が 2 行あるビデオ サムネイル ギャラリーに取り組んでいます。機能は、ユーザーがビデオのサムをクリックすると、アニメーションのような ios フォルダーが発生し、開いた領域内にいくつかの情報を含むビデオがあります。現在、半分は機能していますが、一番下の行の機能を理解するのに苦労しています。ユーザーがビデオの親指の 2 行目をクリックすると、ビデオの上に領域が開きます。ここに私がこれまでに持っているものへのリンクがあります [http://jsfiddle.net/jsavage/Vnya7/14/] うまくいけば、私がやろうとしていることについてもっと理にかなっています。どんな助けでも大歓迎です！

4

1 に答える 1

0

どのようにしてそのような効果を達成できるかについて、大まかなアイデアを次に示します。私はあなたのフィドルをここに更新しました：http://jsfiddle.net/Vnya7/29/

理解のために、可視性のために複数の引数を持つ関数を作成しました。

function expandToDirection(self, row, content, dir) {..}

基本的に、適切なクラス割り当てを使用すると、次のようにどの行が呼び出されているかがわかります<div class="row bottom">。底は方向への別の引数であることに注意してください。

この方向で、前後に必要な要素を簡単に挿入できます。

if (dir == direction.top) {
    row.before(content);  // will inject content before the said row
    content.find(".folderName").text($(self).text());

} else if (dir == direction.bottom) {
    row.after(content);   // will inject content after the said row
    content.find(".folderName").text($(self).text());

}

インジェクションが完了したら、.folderContent任意のスタイリング クラスに追加して位置をオフセットするだけで、整列しているように見えます。それ以外は、試行錯誤の問題です。

jQuery ドキュメント

.before( content [, content ] )
説明: パラメータで指定されたコンテンツを、一致した要素のセット内の各要素の前に挿入します。
参照: http://api.jquery.com/after/

.after( content [, content ] )
説明: パラメータで指定されたコンテンツを、一致した要素のセット内の各要素の後に挿入します。
参照: http://api.jquery.com/before/

于 2013-03-10T02:53:23.230 に答える