您可以使用JavaScript和HTML来创建简单的图片切换效果。以下是一个基本的示例:
HTML:
<div>
<img id="myImage" src="image1.jpg" alt="Image">
</div>
<button onclick="changeImage()">切换图片</button>
JavaScript:
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match('image1')) {
image.src = 'image2.jpg';
} else {
image.src = 'image1.jpg';
}
}
这个示例中,当用户单击按钮时,changeImage
函数将执行。它首先检查当前图片的src
属性是否匹配image1
,如果是,则将src
属性更改为image2.jpg
,否则将其更改为image1.jpg
。这将导致图片切换到另一张图片。
您可以使用类似的方法添加更多的图片,或者使用其他技术来实现更复杂的切换效果。