PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf Produkt-Miniaturansichten wird das Klickereignis groß sein,
![javascript - PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf die Miniaturansicht des Produkts ist das Klickereignis groß.]()
Jetzt ist es realistisch, auf das erste Bild und die folgenden Bilder zu klicken Code zum Vergrößern des Bildes
lautet wie folgt
{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>Nach dem Login kopieren
Nach dem Login kopieren
<code> <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></a>
</div></code>Nach dem Login kopieren
Nach dem Login kopieren
Antwortinhalt:
PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf Produkt-Miniaturansichten wird das Klickereignis groß sein,
![javascript - PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf die Miniaturansicht des Produkts ist das Klickereignis groß.]()
Jetzt ist es realistisch, auf das erste Bild und die folgenden Bilder zu klicken Code zum Vergrößern des Bildes
lautet wie folgt
{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>Nach dem Login kopieren
Nach dem Login kopieren
<code> <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></a>
</div></code>Nach dem Login kopieren
Nach dem Login kopieren
Ersetzen Sie Ihren picBig Code
<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>Nach dem Login kopieren
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
-
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
