更改图像src-dons't工作jquery/js

Change image src doesn't work jquery/js

本文关键字：工作 jquery js 图像 src-dons      更新时间：2024-01-03

我正在我的网站上建立自己的照片库，直到现在我也一直使用完整的图像作为缩略图，但正如你所知，这不是很有效。

我试图在单击父<li>时更改图像的src，但什么也没发生。我做错了什么？

这是我得到的代码：

$('.bild').click(function() {
                            $(this).toggleClass('bild').toggleClass('aktiv').addClass('bounceIn');
                            $('#letterboxFader').toggleClass('letterboxFader-active').toggleClass('letterboxFader-inactive');
                            $('.bild img').attr('src',$(this).attr('src').replace('thumb','large'));
                        });
                        $('.aktiv').click(function() {
                            $(this).toggleClass('aktiv').toggleClass('bild').removeClass('bounceIn');
                            $('#letterboxFader').toggleClass('letterboxFader-inactive').toggleClass('letterboxFader-active');
                            $('.bild img').attr('src',$(this).attr('src').replace('large','thumb'));
                        });

请注意，我只为测试目的设置了一个名为"海岸警告"的缩略图。

您的代码期望<li>具有"src"属性，但它没有。更新图像来源：

$(this).find("img").each(function() {
  this.src = this.src.replace("thumb", "large");
});

"click"处理程序位于<li>元素上，因此您必须做的第一件事是找到单击的<li>中的<img>。表达式$("img")针对页面上的每个<img>元素，我认为这不是你想要做的

$("img").each(function() {
  this.src = this.src.replace("thumb", "large");
});
相关文章：