Question

使用以下代码，我将图像加载到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')})

并且似乎没有对网址做任何事情。唉

Answer 1

这应该有效：

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

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

最初我会找到所有img个变量，剥离.jpg结尾，然后将-181x86.jpg追加到它的末尾，但后来我想，为什么不只是替换代替.jpg的{{1}}？

<子> P.S。 JSFiddle图像不起作用，因为没有附加-181x86.jpg的占位符图像。

jQuery Cycle寻呼机附加较小的图像大小

1 个答案: