php数组遍历问题，js问题，主要是点击产品缩略图，进行点击事件发大，
![javascript - 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();'><img style="width:50px;height: 50px;" src="{$goods.original_img}"/></a></td></code>登入後複製
登入後複製
<code> <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></a>
</div></code>登入後複製
登入後複製
回复内容：
php数组遍历问题，js问题，主要是点击产品缩略图，进行点击事件发大，
![javascript - 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();'><img style="width:50px;height: 50px;" src="{$goods.original_img}"/></a></td></code>登入後複製
登入後複製
<code> <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></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>登入後複製
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
