javascript - PHP 배열 순회 문제, js 문제, 주로 제품 썸네일을 클릭할 때 클릭 이벤트가 커집니다.
- WBOY원래의
- 2016-08-23 09:17:47922검색
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 문제, 주로 제품 썸네일을 클릭할 때 클릭 이벤트가 커집니다.
이제 첫 번째 사진과 다음 사진을 클릭하는 것이 현실화되었습니다. 사진 확대 코드
는 다음과 같습니다
{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으로 문의하세요.