我想在 php 中动态显示产品详细信息页面上的多个图像。每个产品都有一个 image_arr。如果我单击任何拇指图像,缩放图像应该会改变。这是我尝试过的,但我知道它不正确当我单击缩略图时,图像会在整个选项卡中打开,替换我当前的 url 和页面。
<?php
foreach($product_detail as $row):
$image_arr = $row['product_images'];
$first_image = $row['product_images'][0]['image_name'];
?>
<div class="col-md-6 single-right-left ">
<div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails">
<a href="<?php echo base_url(); ?>images/product_detail_images/<?php echo $first_image;?>">
<img src="<?php echo base_url(); ?>images/product_detail_images/<?php echo $first_image;?>" alt="" class="main-image" />
</a>
</div>
<ul class="thumbnails">
<?php foreach($image_arr as $curr_img):
$prod_image = base_url().'images/product_detail_images/'.$curr_img['image_name'];
?>
<li>
<a href="<?php echo $prod_image; ?>" data-standard="images/detail-small-1.png">
<img src="<?php echo $prod_image; ?>" alt="" class="thumnail-main" />
</a>
</li>
<?php endforeach;?>
</ul>
</div>