Javascript 在单击按钮图标之前，是否在按钮图标上显示图像文件名？

示例：我在幻灯片中有3个图像名称：Image1.png、Image2.png、Image3.png。如果幻灯片显示当前显示Image2，是否可以在后退/前进按钮内显示Image1.png和Image3.png的名称

像这样

$（窗口）.load（函数（）{
变量页=$（“#容器li”），
电流=0；
var currentPage，下一页；
$（'#container.button'）。单击（函数（）{
currentPage=pages.eq（当前）；
if（$（this）.hasClass（'prevButton'））{
如果（当前=pages.length-1）
电流=0；
其他的
电流=电流+1；
}
下一页=页数.eq（当前）；
currentPage.hide（）；
nextPage.show（）；
});
});
*{
保证金：0；
填充：0；
}
#容器{
宽度：1682px；
高度：1080px；
位置：相对位置；
}
#容器.前置按钮{
高度：68px；
宽度：250px；
位置：绝对位置；
背景：url（'http://i.imgur.com/wGfzuSp.png")不重复;；
底部：10px；
利润上限：-36px；
z指数：2000；
背景位置：左上；
左：35%；
}
/*#container.prevButton:悬停{背景位置：左下；左：0；}*/
#容器。下一个按钮{
高度：68px；
宽度：250px；
位置：绝对位置；
背景：url（'http://i.imgur.com/SWRSzhE.png")不重复;；
底部：10px；
利润上限：-36px；
z指数：2000；
背景位置：右上角；
右：35%；
}
/*#container.nextButton:hover{背景位置：右下；右：0；}*/
#集装箱保险{
宽度：1682px；
高度：1080px；
列表样式：无外无；
位置：相对位置；
溢出：隐藏；
}
#李：第一个孩子{
显示：列表项；
位置：绝对位置；
}
#集装箱李{
位置：绝对位置；
显示：无；
}






我认为您可以使用引导传送带。要显示前一个和前一个图像的名称，您可以用所需的名称或图像替换前一个和前一个符号。
试试这个


$（窗口）.load（函数（）{
var指数=0；
var-nextIndex=1；
变量页=$（“#容器li”），
电流=0；
var currentPage，下一页；
prevIndex=pages.length-1；
$（'.prevButton'）.html（$（pages[prevIndex]）.attr（'name'））；
$（'.nextButton'）.html（$（pages[nextIndex]）.attr（'name'））；
$（'#container.button'）。单击（函数（）{
currentPage=pages.eq（当前）；
if（$（this）.hasClass（'prevButton'））{
如果（当前=pages.length-1）
电流=0；
其他的
电流=电流+1；
}
如果（当前=pages.length-1）
nextIndex=0；
其他的
nextIndex=当前+1；
$（'.prevButton'）.html（$（pages[prevIndex]）.attr（'name'））；
$（'.nextButton'）.html（$（pages[nextIndex]）.attr（'name'））；
下一页=页数.eq（当前）；
currentPage.hide（）；
nextPage.show（）；
});
});
*{
保证金：0；
填充：0；
}
#容器{
宽度：1682px；
高度：1080px；
位置：相对位置；
}
#容器.前置按钮{
高度：68px；
宽度：250px；
位置：绝对位置；
背景：url（'http://i.imgur.com/wGfzuSp.png")不重复;；
底部：10px；
利润上限：-36px；
z指数：2000；
背景位置：左上；
左：35%；
}
/*#container.prevButton:悬停{背景位置：左下；左：0；}*/
#容器。下一个按钮{
高度：68px；
宽度：250px；
位置：绝对位置；
背景：url（'http://i.imgur.com/SWRSzhE.png")不重复;；
底部：10px；
利润上限：-36px；
z指数：2000；
背景位置：右上角；
右：35%；
}
/*#container.nextButton:hover{背景位置：右下；右：0；}*/
#集装箱保险{
宽度：1682px；
高度：1080px；
列表样式：无外无；
位置：相对位置；
溢出：隐藏；
}
#李：第一个孩子{
显示：列表项；
位置：绝对位置；
}
#集装箱李{
位置：绝对位置；
显示：无；
}






是的，我知道使用bootstrap一切都很简单，但我在这方面有点新手，这是我的培训，所以我只允许使用html、javascript等基本语言-没有工具我的上帝，你是个天才，这段代码工作得很有魅力。非常感谢你！你从哪里学到这些东西的DIf如果你想了解前端，我认为这是一个很棒的地方。如果我的回答能解决你的问题，请接受。很乐意帮忙！是的，当然，我正在尝试找到接受按钮，我也是这个网站的新手，虽然我过去经常搜索答案（不问）