Javascript 我应该/如何使用.slice（）在按下按钮时交换图像scr？（用于多媒体资料中的下一个/上一个按钮）

我被难倒了，我真的需要一些人帮我处理这个画廊。我用Ivan的“jquery gallery的4行”教程了解了我目前的状况。这是他的演示，它准确地展示了这一切是如何工作的

我已经说到了我想包括上一个和下一个按钮的地方

由于这些图像被命名为“1-large.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不起作用，因此使用split会更好：

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

---

谢谢你的快速回复，肖恩。我更新了您建议的代码，但在将变量插入图像url时，我遗漏了一些内容：$（'箭头右键'）。单击（function（）{var I='.'大图像'.split（'-'）[0]；var I=I++；$（'大图像'）.attr（'src'，'images/插图/'+I+'-large.jpg'）））；它似乎返回了一个url“images/illustration/NAN large”，这让我觉得这就是我插入变量的方式……？这：

var I='#largeImage'.split（'-'）[0]看起来应该是
var i=$（'#largeImage'）.attr（'src'）.split（'-'）[0]。但要确保使用
console.log（$（'#largeImage'）.attr（'src'）
输出
$（'#largeImage'）.attr（'src'））的值
，点击F12查看Firefox或Chrome中的控制台，并确保它看起来像“1023 large.jpg”。我非常感谢Sean的帮助。刚刚试用过，我得到了
图片/illustration/NaN large.jpg
。我完全错过了您提到的转换parseInt步骤，因此我在脚本中包含了这一步骤，将其更改为读取
var I=parseInt（I，10）
并将其直接放在
var i=i++
行之后。不走运，是的！知道了！因为我使用的是完整的图像路径，比如
images/illustration/1-large.jpg
，当
分割（'-'）[0]
发生时，它离开了整个前面部分
images/illustration/1
，这导致了NaN（如果有人要求我将1添加到NaN并期望一个数值，我也会发疯）。因此，我将其更改为
split（'/'）[2]
，然后使用parseInt来显示数字。再次感谢你让我走上正轨，肖恩。干杯