Javascript 如何将带有缩略图的硬编码滑块转换为动态滑块

我有一个用html硬编码的缩略图幻灯片，并使用带有javascript的onclick事件来控制幻灯片“上一步”和“下一步”按钮以及缩略图的点击。我为wordpress动态地打开了内容，但是，我无法在单击事件时使用缩略图，因为当前幻灯片（n）是硬编码的。如何使我的当前幻灯片索引动态地作出反应？ 这是我的密码 Php:

foreach（$page\u子项作为$page\u子项）：
//从子页面获取缩略图ID
$children\u thumboil\u ID=get\u post\u thumboil\u ID（$page\u children）；
//获取缩略图源
$children_thumbnail_image=wp_get_attachment_image_src（$children_thumbnail_ID，'thumbnail'）；？>
“onclick=“currentSlide（1）”>
这很简单。
你唯一要做的就是在循环中添加一个整数

<?php
$i = 0;
foreach ( $page_children as $page_children ):
//Get Thumbnails ID from children pages
    $i ++; // we increase it in the loop and print it on html.
    $children_thumbnail_ID = get_post_thumbnail_id( $page_children );
//Get Thumbnail source
    $children_thumbnail_image = wp_get_attachment_image_src( $children_thumbnail_ID, 'thumbnail' );
    echo '<img class="thumbs" src="' . $children_thumbnail_image[0] . '" onClick="currentSlide(' . $i . ')" />';
endforeach;

好的，我让它工作了。我在onClick中回显了整数，并将增量完全放在循环的末尾，现在它工作了

$counter = 1;
    foreach($page_children as $children):
    <img class="thumbs" src="<?php echo $children_thumbnail_image[0];?>    
    "onclick="currentSlide(<?php echo $counter;?>)">
<?php $counter ++ ?>
<?php endforeach; 

$counter=1；
foreach（$page_children作为$children）：
“onclick=“currentSlide（）”>
谢谢你看看我的问题。不幸的是，代码仍然不起作用。当我单击缩略图时，控制台会显示以下错误消息：（索引）：189未捕获类型错误：无法读取showSlides（（索引）：189）at currentSlide（（索引）：174）at HTMLImageElement.onclick（（索引）：101）上未定义的属性“style”。我可以看一下您的完整js脚本和php吗？正如我看到的，我认为您检查了第一个元素。你在第一个请求中尝试过其他元素吗？
<?php
$i = 0;
foreach ( $page_children as $page_children ):
//Get Thumbnails ID from children pages
    $i ++; // we increase it in the loop and print it on html.
    $children_thumbnail_ID = get_post_thumbnail_id( $page_children );
//Get Thumbnail source
    $children_thumbnail_image = wp_get_attachment_image_src( $children_thumbnail_ID, 'thumbnail' );
    echo '<img class="thumbs" src="' . $children_thumbnail_image[0] . '" onClick="currentSlide(' . $i . ')" />';
endforeach;

$counter = 1;
    foreach($page_children as $children):
    <img class="thumbs" src="<?php echo $children_thumbnail_image[0];?>    
    "onclick="currentSlide(<?php echo $counter;?>)">
<?php $counter ++ ?>
<?php endforeach;