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

jQuery Cycle pager append smaller image size

本文关键字：图像 循环 寻呼机 jQuery      更新时间：2023-09-26

使用以下代码，我将图像加载到Wordpress上jquery滑块的缩略图寻呼机中。这很好，但问题是它使用了巨大的图像，并将其缩小到较小的尺寸。这使我的页面加载速度变慢。所以我在函数中创建了一个自定义的图像大小。这将创建一个名为slide181x86.jpg的新小图像。我的问题是，我如何修改jquery的最后一行，在url的末尾而不是jpg的末尾添加-1818x86？我不断得到幻灯片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')})

这似乎对url没有任何作用。Ugh

这应该有效：

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

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

最初我打算找到所有的img变量，去掉.jpg的结尾，然后将-181x86.jpg附加到它的结尾，但后来我想，为什么不用-181x86.jpg代替.jpg呢？

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

相关文章：