从使用id更改为使用class，以从6张图像中的任何一张打开一个模式

<img src="image1.jpg" class="modal-trigger" alt="Image 1">
<img src="image2.jpg" class="modal-trigger" alt="Image 2">
<img src="image3.jpg" class="modal-trigger" alt="Image 3">
<img src="image4.jpg" class="modal-trigger" alt="Image 4">
<img src="image5.jpg" class="modal-trigger" alt="Image 5">
<img src="image6.jpg" class="modal-trigger" alt="Image 6">

document.addEventListener('DOMContentLoaded', function() {
    var triggers = document.querySelectorAll('.modal-trigger');
    triggers.forEach(function(trigger) {
        trigger.addEventListener('click', function() {
            // 打开模式的逻辑
            console.log('Modal opened from ' + this.src);
        });
    });
});

document.addEventListener('DOMContentLoaded', function() {
    var triggers = document.querySelectorAll('.modal-trigger');
    if (triggers.length === 0) {
        console.error('No elements with class "modal-trigger" found');
        return;
    }
    triggers.forEach(function(trigger) {
        trigger.addEventListener('click', function() {
            // 打开模式的逻辑
            console.log('Modal opened from ' + this.src);
        });
    });
});