javascript - php数组遍历问题，js问题，主要是点击产品缩略图，进行点击事件发大，

php数组遍历问题，js问题，主要是点击产品缩略图，进行点击事件发大，

现在是点击第一张图和下面几张图都是现实第一张放大图
代码如下
{foreach from=$goods_list item=goods}

<code>        <tr>
            <td style="width: 10%;font-size: 16px;border-bottom:1px solid #ccc;"><a name='fff' href='javascript:void(0);' onclick='picBig();'>@@##@@</a></td></code>

<code>           <a href="javascript:void(0);" onclick="picClose();"> @@##@@</a>

        </div></code>

回复内容：

php数组遍历问题，js问题，主要是点击产品缩略图，进行点击事件发大，

现在是点击第一张图和下面几张图都是现实第一张放大图
代码如下
{foreach from=$goods_list item=goods}

<code>        <tr>
            <td style="width: 10%;font-size: 16px;border-bottom:1px solid #ccc;"><a name='fff' href='javascript:void(0);' onclick='picBig();'>@@##@@</a></td></code>

<code>           <a href="javascript:void(0);" onclick="picClose();"> @@##@@</a>

        </div></code>

把你的 picBig 代码替换一下

<code>function picBig() {
    var $ = document.querySelector.bind(document);
    var img = event.currentTarget.children[0]; // 获取当前点击的图片
    var url = img.getAttribute('src'); // 获取当前点击的图片地址
    // 获取大图 img 元素并设置要显示的图片地址
    $('#divCenter > a > img').setAttribute('src', url);
    // 显示预览框
    $('#divCenter').style['display'] = 'block';
}</code>

php免费学习视频：立即学习
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！