我正在尝试创建一个基本的幻灯片,这样当你点击导航中的缩略图时,主图像就会变成那个缩略图。我有一个JS函数在我的脑海中运行,当我点击一个缩略图时,该图像在重置之前会替换主图像一小部分时间。我真的是个编程新手,所以如果能给我任何帮助我会很感激!
``` <head>
函数元素(ChangeImage){
document.getElementById('imageReplace').src =元素;
}
<div class="row" id="mainContent">
<div id="img-div">
<img id="imageReplace" src='gem 4-3.jpg'>
</div>
</div>
</div>```
```<div id="side-nav">
<ul class="nav-ul" id="style-1">
<li class="nav-list">
<a href="" onclick="changeImage('gem 4-3.jpg');">
<img class="img-thumb" src="gem 4-3.jpg">
</a>
</li>
<li class="nav-list">
<a href="" onclick="changeImage('gem 4-4.jpg');">
<img class="img-thumb" src="gem 4-4.jpg">
</a>
</li>
</ul>
https://stackoverflow.com/questions/56248089
复制相似问题