ここに似たギャラリー/ポートフォリオページを構築しようとしています: http://touch3.themeple.co/?page_id=130
私は頭の中でこれを調べてきましたが、私はこれを自分で機能させるのに十分なほど高度なプログラマーではありません. 親指の 1 つをクリックすると、対応する情報がサムネイルのすぐ下に展開され、その下のコンテンツが押し下げられます。
非常に迅速に、それが機能するように見える方法は次のとおりです。
サムネイルの各行は、「fluid-grid」と呼ばれる div に入ります。
その親指の行の下に、対応する情報がそれぞれ独自の非表示の div にレンダリングされます。
サムネイルをクリックすると、サムネイルのすぐ下に情報が展開されます。その下のコンテンツ/サムネイルを押し下げます。
私が考えることができる唯一のことは(私の言い回しと用語を許してください):
カウンターを備えたループを構築します。サムとそのタグをレンダリングし、展開する対応する情報をレンダリングするときは、そのすべてを配列に入れます(可能であれば、私は配列を吸う)。次に、カウンターが 3 に達したら、コンテナーの div タグ (上記の説明の流体グリッド) を閉じて、各配列エントリをレンダリングします。次に、次の行を入れてアウトに戻ります。
私は正しい方向に進んでいますか?
いずれにせよ、私がこのページを作成する方法を知っている人がいれば、本当に感謝しています。