Javascript 阴影盒不'；无法加载当前URL

我正在使用一个简单的图像库，其中集成了阴影盒。 这是正常的脚本

 <div id="gallery">
            <div id="panel">
            <p><a id="showimg" href="images/image_01.jpg" rel="shadowbox">
                <img id="largeImage" src="images/image_01.jpg" />
                </a></p>
            <div id="description">1st image description</div>
            </div>

            <div id="thumbs">
                <img src="images/image_01.jpg" alt="1st image description" />
                <img src="images/image_02.jpg" alt="2nd image description" />
                <img src="images/image_03.jpg" alt="3rd image description" />
                <img src="images/image_04.jpg" alt="4th image description" />
                <img src="images/image_05.jpg" alt="5th image description" />
            </div>
        </div>

        </div>

        <script>

        $('#thumbs').delegate('img','click', function(){
            $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
            $('#description').html($(this).attr('alt'));
        });

        </script>

第一图像描述
$（“#拇指”）.delegate（'img'，'click'，function（）{
$（'largeImage'）.attr（'src'，$（this.attr（'src'））.replace（'thumb'，'large'））；
$（'#description'）.html（$（this.attr（'alt'））；
});

我注意到来自大图像的url从未改变，因此我在脚本上添加了另一行，以便在鼠标移动图像时始终更改href

<script>

$('#thumbs').delegate('img','click', function(){
    $('#largeImage').attr('src',$(this).attr('src'));
    $('#description').html($(this).attr('alt'));
    $('#showimg').attr('href', $(this).attr('src'));
});

</script>

$（“#拇指”）.delegate（'img'，'click'，function（）{
$（'#largeImage'）.attr（'src'，$（this.attr（'src'））；
$（'#description'）.html（$（this.attr（'alt'））；
$（'#showimg'）.attr（'href'，$（this.attr（'src'））；
});

我不知道它是否正确，但当我将鼠标悬停在图像上时，URL现在总是不同的，但SHADOWBOX总是加载相同的图像（第一个）

请帮点忙

尝试使用以下语法：

html（将类放入列表中的每个图像）：

---

“尝试编写此方法e.stopPropagation（）或e.preventDefault（）”是什么意思？我从来没有编写过Javascript:/try first，如果没有任何变化，那么second抱歉，但什么也没发生。大图像甚至没有改变这是什么意思$（this.attr（'src'）.replace（'thumb'，'large'）？我已经改变了。。。忘记替换。。。它只会替换我不再使用的文本。它将把src从大拇指分割到大图像的src。我必须使用#拇指而不是.imglist，因为函数无法获取img标记！

<div id="thumbs">
<img class="imglist" src="images/image_01_thumb.jpg" alt="1st image description" />
</div>

$('.imglist').on('click','img', function(e){

e.stopPropagation(); or e.preventDefault();

       $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
            $('#description').html($(this).attr('alt'));
            $('#showimg').attr('href', $(this).attr('src').replace('thumb', 'large'));

         });