1

使用以下代码，我将图像加载到 Wordpress 上 jquery 滑块的缩略图寻呼机中。这工作正常，但问题是它使用巨大的图像并将它们调整为小尺寸。这使我的页面加载缓慢。所以我在函数中创建了一个自定义图像大小。这将创建一个名为 slide-181x86.jpg 的新小图像。我的问题是如何修改 jquery 的最后一行以在 url 的末尾添加 -181x86 而不是在 jpg 的末尾？我不断收到 slide.jpg-181x86 这显然不正确。

我一直在自杀，任何帮助将不胜感激。

<script type="text/javascript">
jQuery(function() {
jQuery('.homeslider').cycle({
    speed:  'fast',
    timeout: 7000,
    fx: 'fade',
  slideResize: false,
containerResize: false,
fit:1,
    pager:  '#slitemshome',
    pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="'
    + jQuery(slide).find('img').attr('src')
    + '" width="181" height="86" /></a></li>'; 
}
});
});
</script>

编辑：

我只是在函数之后尝试这样做

jQuery('#slitemshome img').attr('src', function(){this.src.replace('.jpg', '-181x86.jpg')})

这似乎对网址没有任何作用。啊

4

1 回答 1

1

这应该有效：

$('img').each(function() {
    $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '-181x86.jpg'));
});

http://jsfiddle.net/charlescarver/3hLH4/

本来我打算找到所有img变量，去掉.jpg结尾，然后追加-181x86.jpg到结尾，但后来我想，为什么不直接.jpg用 the-181x86.jpg替换呢？

PS JSFiddle 图像不起作用，因为没有-181x86.jpg附加到末尾的占位符图像。

于 2012-08-31T00:45:01.780 回答