题主的摸索出来的方法也不是不行，但比较“非主流”，常规一点的方法是在 index 前面放个加号，变成 "+index+1" 就可以了。
原因很简单，因为 index 是个 String 类型的对象，一个 String 和一个 Number 相加，JS 认为是拼接字符串；此时用 +index 的方式把 index 转为 Number 对象，两个 Number 相加就是数学意义上的加法了。
LazyLoad依赖于jQuery.请将下列代码加入页面head区域:你必须修改HTML代码.在src属性中设置展位符图片,demo页面使用1x1像素灰色GIF图片.并且需要将真实图片的URL设置到data-original属性.这里可以定义特定的class以获得需要延迟加载的图片对象.通过这种方法你可以简单地控制插件绑定.处理图片的代码如下.$("img.lazy").lazyload()这将使所有class为lazy的图片将被延迟加载.可以参考基本选项demo设置敏感度几乎所有浏览器的JavaScript都是激活的.然而可能你仍希望能在不支持JavaScript的客户端展示真实图片.当浏览器不支持JavaScript时优雅降级,你可以将真实的图片片段在写标签内.可以通过CSS隐藏占位符..lazy{display:none}在支持JavaScript的浏览器中,你必须在DOMready时将占位符显示出来,这可以在插件初始化的同时完成.$("img.lazy").show().lazyload()这些都是可选的,但如果你希望插件平稳降级这些都是应该做的.设置敏感度默认情况下图片会出现在屏幕时加载.如果你想提前加载图片,可以设置threshold选项,设置threshold为200令图片在距离屏幕200像素时提前加载.$("img.lazy").lazyload({threshold:200})占位图片你还可以设定一个占位图片并定义事件来触发加载动作.这时需要为占位图片设定一个URL地址.透明,灰色和白色的1x1象素的图片已经包含在插件里面.事件触发加载事件可以是任何jQuery时间,如:click和mouseover.你还可以使用自定义的事件,如:sporty和foobar.默认情况下处于等待状态,直到用户滚动到窗口上图片所在位置.在灰色占位图片被点击之前阻止加载图片,你可以这样做:$("img").lazyload({placeholder:"img/grey.gif",event:"click"})使用特效当图片完全加载的时候,插件默认地使用show()方法来将图显示出来.其实你可以使用任何你想用的特效来处理.下面的代码使用FadeIn效果.这是效果演示页面.$("img.lazy").lazyload({effect:"fadeIn"})
