Связать миниатюру изображения с тем же изображением в слайд-шоу на другой странице

0

У меня есть каменная кладка, и в настоящее время, если вы нажмете на любую из миниатюр, она будет ссылаться на слайд-шоу на другой странице, слайд-шоу показывает первое изображение независимо от того, на какой эскиз вы нажимаете. Мне интересно, есть ли способ сделать это, чтобы слайд-шоу начиналось с изображения, на которое нажимали миниатюру.

Я пробовал эту статью, но, похоже, не делает этого.

Связывание с конкретными заголовками на других страницах

Как я это сделал,

Миниатюра:

<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>

Буду признателен за вашу помощь!

  • 0
    Вы создали слайд-шоу? Или это плагин? Если так, какой плагин?
  • 0
    Я использую JQuery Cycle
Показать ещё 4 комментария
Теги:
image

1 ответ

0

Лучший способ, который я могу придумать для этого, поскольку он не поддерживается вашим плагином, заключается в использовании переменных $ _GET, чтобы сообщить вашей странице, что изображение будет эхо в первую очередь. Это будет выглядеть примерно так:

На странице вашей галереи укажите ссылку на свои слайд-шоу, содержащие переменную $ _GET, называемую "большой палец", которая хранит идентификационный номер миниатюры, которую вы хотите отобразить первым:

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

Где 3 представляет третий миниатюру.

Затем в вашем файле PHP для слайд-шоу вы можете изменить порядок эхо-сигналов. Эхо изображение с индексом большого пальца (минус один для нулевого индекса), за которым следует цикл для остальных, пропуская изображение, которое вы уже повторили (вы можете сделать это с 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>
  • 0
    Откуда происходит название «большой палец» ...? Нужно ли добавить или определить это где-нибудь?
  • 0
    Я пробовал это, но выдает внутреннюю ошибку сервера, когда я нажимаю на миниатюру.
Показать ещё 14 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню