0

私は現在、コンテンツが WordPress ループによって生成された画像カルーセルを持っています。このカルーセルの画像をハイパーリンクしたいと思います。それぞれをクリックすると、その画像に関するコンテンツが下の div にフェードインします。

ループが含まれていなければ、私はこれをうまくやってのけることができますが、ループを使って(ループ内で)作業すると、すべてをリンクして互いに話す方法について途方に暮れています。ループは現在、画像の生成にのみコミットされており、WHILE セクションを拡張してこの追加情報をすべて含めると、設計が壊れる可能性が高くなります。

おそらく、WHILE セクション内から ID を宣言し、別の場所で呼び出す必要がありますか? その結論に到達するために、私はPHPの非常に限られた知識で作業しています。ループは現在、次のようになっています...

            <?php
            query_posts( array(
            'offset' => '1',
            'posts_per_page' => '10',
            'post_type' => array('website', 'graphics')
            ));
            if ( have_posts() ) :
            ?>

            <div class="scroller">
                <div class="overlay-left gradient"></div>
                <div class="overlay-right gradient"></div>
                <div id="makeMeScrollable">
                    <?php while (have_posts()) : the_post(); ?>
                    <article class="alignleft" style="margin-right: 20px;">
                        <?php
                        // Must be inside a loop.
                        if (has_post_thumbnail()) {
                            the_post_thumbnail('index-thumb');
                        }
                        else {

                        }
                        ?>
                    </article>
                    <?php endwhile; ?>
                </div>
            </div>
            <?php endif; ?>

ご覧のとおり、WHILE セクションは、スクローラー内に配置するために、特に画像呼び出しに焦点を当てています。そのため、何らかの方法で WHILE 構造を保持することが非常に重要です (またはそうでない可能性もあります)。

4

0 に答える 0