登录

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

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

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

        <tr>
            <td style="width: 10%;font-size: 16px;border-bottom:1px solid #ccc;"><a name='fff' href='javascript:void(0);' onclick='picBig();'><img style="width:50px;height: 50px;" src="//m.sbmmt.com/m/wenda/{$goods.original_img}"/></a></td>

<p id="pCenter" align="center" style="position: absolute; z-index: 9; display: none; background-color: #eee; width:400px; height:400px;left:50px;top:50px; border:1px solid #222;">

           <a href="javascript:void(0);" onclick="picClose();"> <img src="//m.sbmmt.com/m/wenda/{$goods.original_img}" /></a>

        </p>
# JavaScript
怪我咯怪我咯2184 天前451 次浏览

全部回复(1) 我要回复

  • 伊谢尔伦

    伊谢尔伦2017-04-11 12:20:20

    把你的 picBig 代码替换一下

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

    回复
    0
  • 取消回复发送