Я не уверен, как открыть несколько модальных изображений из разных текстовых ссылок, используя 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>