正确的图像无法显示

Question

在我的代码中，我打算在单击图标时弹出实际图像。 有4个图标，但无论我按什么图标，它总是显示相同的图像，如何修改这个图像，以便它会弹出实际的图像。

以下是代码：

<div class="content_area">
    <div class="slideshow" style="display:none">
        <img src="img/5.jpg" alt="" class="active" />
        <img src="img/7.jpg" alt="" />
        <img src="img/8.jpg" alt="" />
        <img src="img/9.jpg" alt="" />
    </div>
    <div class="gallery-wrapper">
        <div class="div-image" id="5">
            <img src="img/gallery/5.jpg" />
        </div>
        <div class="div-image" id="7">
            <img src="img/gallery/7.jpg" />
        </div>
        <div class="div-image" id="8">
            <img src="img/gallery/8.jpg" />
        </div>
        <div class="div-image" id="9">
            <img src="img/gallery/9.jpg" />
        </div>
    </div>
    <div class="div-slide-effect"></div>
</div>