У меня есть каменная кладка, и в настоящее время, если вы нажмете на любую из миниатюр, она будет ссылаться на слайд-шоу на другой странице, слайд-шоу показывает первое изображение независимо от того, на какой эскиз вы нажимаете. Мне интересно, есть ли способ сделать это, чтобы слайд-шоу начиналось с изображения, на которое нажимали миниатюру.
Я пробовал эту статью, но, похоже, не делает этого.
Связывание с конкретными заголовками на других страницах
Как я это сделал,
Миниатюра:
<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>
Буду признателен за вашу помощь!
Лучший способ, который я могу придумать для этого, поскольку он не поддерживается вашим плагином, заключается в использовании переменных $ _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>