Javascript 使用图像列表更改图像src

我想使图像列表数组或html列表，每当我在我的图像上悬停，它必须改变一个又一个淡入淡出或幻灯片效果，无论我何时悬停，我的图像必须改变默认图像

问题1：我必须创建什么样的列表？html列表还是数组

问题2：我创建span来获取带有数据src的图像url，例如，这个标记正确吗

HTML

---

使用间隔更改图像

function changeImage(img){
    // document.getElementById('bigImage').src=img;
    setTimeout(function() {document.getElementById('bigImage').src=img;},1250);
}

---

使用间隔更改图像

function changeImage(img){
    // document.getElementById('bigImage').src=img;
    setTimeout(function() {document.getElementById('bigImage').src=img;},1250);
}

---

这是不可能的，只是获取img的来源，而不是位置，我想学习如何获取src以及如何在每次或设置超时时更改img这并不重要，但我想学习它只是好奇我的意思是我在演示链接上有一个列表，当我在图像上悬停时，我的默认图像必须随着图像列表一个接一个地更改，带有淡入或滑动效果或没有跨距数据时，src有img sourceuse

$（'bigImage'）.prop（“src”，“this”）.parents（“.img area>span”）.eq（i）.prop（“数据src”））

我在哪里迭代实际上我只是有一个html结构，在这个页面上是不可能的，只是获取img的来源不带位置，我想学习如何获取src以及如何在每次或设置超时时更改img这并不重要，但我想学习它只是好奇我的意思是我在演示链接上有一个列表，当我在图像上悬停时我的默认图像必须随图像列表一个接一个地更改，带有淡入淡出或滑动效果，或者没有span数据src有img sourceuse

$（'bigImage'）.prop（“src”），$（this.parents（.img area>span”）.eq（i）.prop（“data src”）

其中我是你的迭代对象，实际上我只有一个html结构，在这个页面上

function changeImage(img){
    // document.getElementById('bigImage').src=img;
    setTimeout(function() {document.getElementById('bigImage').src=img;},1250);
}