0

ここに似たギャラリー/ポートフォリオページを構築しようとしています: http://touch3.themeple.co/?page_id=130

私は頭の中でこれを調べてきましたが、私はこれを自分で機能させるのに十分なほど高度なプログラマーではありません. 親指の 1 つをクリックすると、対応する情報がサムネイルのすぐ下に展開され、その下のコンテンツが押し下げられます。

非常に迅速に、それが機能するように見える方法は次のとおりです。

サムネイルの各行は、「fluid-grid」と呼ばれる div に入ります。

その親指の行の下に、対応する情報がそれぞれ独自の非表示の div にレンダリングされます。

サムネイルをクリックすると、サムネイルのすぐ下に情報が展開されます。その下のコンテンツ/サムネイルを押し下げます。

私が考えることができる唯一のことは(私の言い回しと用語を許してください):

カウンターを備えたループを構築します。サムとそのタグをレンダリングし、展開する対応する情報をレンダリングするときは、そのすべてを配列に入れます(可能であれば、私は配列を吸う)。次に、カウンターが 3 に達したら、コンテナーの div タグ (上記の説明の流体グリッド) を閉じて、各配列エントリをレンダリングします。次に、次の行を入れてアウトに戻ります。

私は正しい方向に進んでいますか?

いずれにせよ、私がこのページを作成する方法を知っている人がいれば、本当に感謝しています。

4

1 に答える 1

0

少し曖昧で、これを達成する方法はたくさんあると確信していますが、それが私だったら:

最初に、投稿 ID が添付されたすべての画像をループアウトします。

次に、.click() AJAX をロードして、投稿情報を必要な形式 (このように) に取得し、すべての情報が初期ロード時にプルされないようにします。

少し役立つことを願っています

于 2012-09-18T00:57:50.953 に答える