Question

我在自己的网站上建立自己的照片库，到目前为止我一直在使用完整的图片作为缩略图，但是你知道这不是很有效。

我在点击父<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'));
                        });

请注意，我只获得了名为＆＃34; Coast Warning＆＃34;设置缩略图用于测试目的。

Answer 1

您的代码希望<li>有一个＆＃34; src＆＃34;属性，但它不会。要更新图像源：

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

＆＃34;点击＆＃34;处理程序位于<li>元素上，因此您要做的第一件事就是找到点击<img>中的<li>。表达式$("img")定位到页面上的每个<img>元素，我认为这不是您想要做的。如果你这样做，那么代码应该是：

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

更改图像src不起作用jquery / js

1 个答案: