Question

我有一个砌体库，目前，如果您点击任何缩略图，它会链接到不同页面中的幻灯片，无论您点击哪个缩略图，幻灯片都会显示第一张图片。我想知道是否有办法制作幻灯片，以便缩略图点击的图片开始。

我试过这篇文章，但似乎没有。

Linking to specific headers on other pages

我是怎么做的，

缩略图：

<a href="#the_slide">
            <div class="m_overlay"><div class="m_txt"><?php echo $image['title']; echo $image['caption'];?>"</div></div>
            <img src="<?php echo $image['url'];?>" title="<?php echo $image['title']; echo $image['caption'];?>" alt="<?php echo $image['alt']; ?>">
</a>

幻灯片中的图片

       <?php
        global $post;
        $parent_id = $post->post_parent;
        $parentlink = get_permalink($parent_id);
        $images = get_field('gallery', $parent_id);
        ?>


        <ul class="slideshow">

        <?php foreach( $images as $image ): ?>
        <li>
            <h2 class="slideshow_title"><?php echo $image['title'];?></h2>
        <table>
        <tr>
        <td>


            <div class="slideshow_image"><a name="the_slide"></a><img src="<?php echo $image['url'];?>" alt="<?php echo $image['alt']; ?>"></div>
        </td>
        </tr>
        </table>
        </li>
        <?php endforeach; ?>
        </ul>

我感谢你的帮助！

Answer 1

我能想到的最好的方法，因为它不是你的插件本身支持的，是使用$ _GET变量来告诉你的页面首先回显哪个图像。它看起来像这样：

在您的图库页面上，指向幻灯片的链接包含一个名为“thumb”的$ _GET变量，该变量存储您要首先显示的缩略图的ID号：

<a href="/slideshow/index.php?thumb=3"><img .../></a>

其中3表示第三个缩略图。

然后在幻灯片的PHP文件中，您可以更改回显顺序。以拇指指数回显图像（零指数减1），然后跳过其余的for循环，跳过已回显的图像（可以使用continue;

执行此操作

<ul class="slideshow">

    <?php 
        $thumb = $_GET["thumb"];

        $firstImage = $images[$thumb-1];
        //echo first image here

        for($i = 0; $i < count($images); $i++): 

        if($i == ($thumb-1)) continue;
        $image = $images[$i];
    ?>
    <li>
        <h2 class="slideshow_title"><?php echo $image['title'];?></h2>
    <table>
    <tr>
    <td>


        <div class="slideshow_image"><a name="the_slide"></a><img src="<?php echo $image['url'];?>" alt="<?php echo $image['alt']; ?>"></div>
    </td>
    </tr>
    </table>
    </li>
    <?php endfor; ?>
</ul>

将图像缩略图链接到不同页面的幻灯片中的相同图像

1 个答案: