Question

我正在尝试将一个类添加到图像滑块，我设法将其添加到img标签并且它正在工作但是当图库中有多个图像时它不起作用，这意味着类'zoooom'是有效的仅在滑块的第一个图像上。下面是每个代码。如何将课程应用于幻灯片的每个图像？我想我必须循环使用$ image like class =“”但是我应该在哪里添加“zoooom”呢？没有我尝试过的代码，我不知道PHP并且必须修复这个bug，任何帮助都将不胜感激，谢谢！

<ul class="product-slider">

    <?php 
    if( $images ): ?>

    <?php foreach( $images as $image ): ?>

    <li>
    <img class="zoooom" src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" style="max-width:80%;"/>
    </li>

    <?php endforeach; ?>

    <?php endif; ?>

</ul>

Answer 1

你需要使用循环更改你的类这段代码生成新类zoom1，zoom2，zoom3 .... 试试这个

<ul class="product-slider">

<?php $i =1;
if( $images ): ?>

<?php foreach( $images as $image ): ?>

<li>
<img class="zoooom<?php echo $i; ?>" src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" style="max-width:80%;"/>
</li>

<?php $i++; endforeach; ?>

<?php endif; ?>

php将类添加到图像滑块

1 个答案: