我被难住了,真的需要一些帮助来解决这个相册问题。我使用了 Ivan 的“4行JQuery相册”教程,让我目前能够完成这个项目。以下是他的演示,展示了所有的工作过程:http://workshop.rs/demo/gallery-in-4-lines/
我已经遇到了一个问题,我想添加上一个和下一个按钮。
由于图片的名称为'1-large.jpg'、'2-large.jpg'、'3-large.jpg'等,所以我尝试使用 .slice() 去提取第一个数字,然后加上或减去 1,从而得到下一张/上一张图像,但结果并不理想,因为我的 JavaScript 技能有限,而且我也不知道这是否是最好的方法。
我的问题是:使用 .slice() 是正确的方法吗?还是有更简单的代码可以用在我的按钮上?
非常感谢任何帮助。
var i = '#largeImage'.split('-')[0];
看起来应该是var i = $('#largeImage').attr('src').split('-')[0];
。但为了确保,使用console.log($('#largeImage').attr('src'));
输出$('#largeImage').attr('src')
的值,在 Firefox 或 Chrome 中按 F12 查看控制台,并确保它看起来像 "1023-large.jpg"。 - Seanimages/illustration/NaN-large.jpg
。我完全忽略了你提到的转换parseInt步骤,所以我在脚本中加入了它,将其更改为var i = parseInt(i, 10);
,并直接放在var i = i++
行之后。但还是没有成功。 - RB101images/illustration/1-large.jpg
,当发生split('-')[0]
时,它会留下整个前面部分images/illustration/1
,这导致 NaN(如果有人让我给NaN加1并期望得到一个数值,我也会疯掉)。所以我将其更改为split('/')[2]
,然后使用parseInt提取数字。再次感谢Sean帮我找到正确的方向。干杯! - RB101