在WordPress循环中创建AJAX加载器

Question

我目前有一个图片轮播，内容由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结构的一些方式（或者可能不是？）

是非常重要的