我应该/如何使用.slice()在按下按钮时交换图像scr?(用于在库中使用下一个/上一个按钮)

Should/How would I use .slice() to swap an image scr on a button press? (for next/previous button use in a gallery)

本文关键字:按钮 用于 下一个 scr 上一个 slice 何使用 交换 我应该 图像      更新时间:2023-09-26

我被难住了,我真的需要一些帮助来处理我一直在处理的这个库。我使用了Ivan的"jquery库的4行"教程来了解我目前的处境。这是他的演示,它准确地展示了这一切是如何工作的http://workshop.rs/demo/gallery-in-4-lines/

我已经达到了想要包含上一个和下一个按钮的地步。

由于这些图像的名称为"1-larg.jpg"、"2-large.jpg"、"3-large.jpg……等,我尝试使用.slice()获取第一个数字,然后将其加1或减1,生成下一张/上一张图片,但效果并不好,因为我缺乏javascript技能,甚至不知道这是否是处理它的最佳方法。

我的问题是,使用.slice()是可行的方法,还是有一个更简单的代码可以在我的按钮上使用?

任何帮助都将不胜感激。

如果您只想要字符串的第一个字符:

var name = "1-large.jpg";
var i = name[0];
// i is now '1'

但这对i>9不起作用,所以使用拆分会更好:

var i = name.split('-')[0];
// i is now '1'
var i = "1023-large.jpg".split('-')[0];
// i is now '1023'

并将字符串转换为int:

var num = parseInt("23", 10);
// num is now the number 23, not a string