由数组驱动的本地图片资源切换 | 星雨笔录
用资源数组控制本地图片的展示状态。
核心: 资源切换可以由数组与当前索引驱动,避免为每张图片写重复逻辑。
最小示例:
const images = ['one.jpg', 'two.jpg', 'three.jpg'];
let i = 0;
nextBtn.onclick = () => { i = (i + 1) % images.length; img.src = images[i]; };
学完能做: 用资源数组控制本地图片的展示状态。
用资源数组控制本地图片的展示状态。
核心: 资源切换可以由数组与当前索引驱动,避免为每张图片写重复逻辑。
最小示例:
const images = ['one.jpg', 'two.jpg', 'three.jpg'];
let i = 0;
nextBtn.onclick = () => { i = (i + 1) % images.length; img.src = images[i]; };
学完能做: 用资源数组控制本地图片的展示状态。