我不确定如何使用w3.css从不同的文本链接中打开多个模式图像。
我了解CSS部分,但不确定如何实现JavaScript代码以从每个链接调用不同的图像。
在下面的小提琴中,我能够从列表中的第一个链接打开预览,但不确定如何引用第二个链接上的第二个图像。第二张图片应该是:src =“ http://www.antonioromo.com/img-music/Intermezzo-Ponce.png”
这是用于活页乐谱目录的。预期的行为是在单击“下载”之前,单击每个“眼睛”以预览乐谱。
https://jsfiddle.net/6amqk1ef/
<script>
function onClick(element) {
document.getElementById("sheet").src = element.src;
document.getElementById("preview").style.display = "block";
}
</script>