Javascript jquery故障-onclick for gallery

我正在尝试为我找到的网站使用图像库。我想在此图库中再添加一项功能。。我希望一个大的图像被链接，当点击它打开新的标签url，这是在代码中定义的。 我在这里包含了完整的代码：

<script type="text/javascript">
$(document).ready(function()
{
 /*Your ShineTime Welcome Image*/
 var default_image = 'images/large/default.jpg';
 var default_caption = 'Welcome to my portfolio';
 /*Load The Default Image*/
 loadPhoto(default_image, default_caption);
 function loadPhoto($url, $caption)
 {
    /*Image pre-loader*/
    showPreloader();
    var img = new Image();
    jQuery(img).load( function()
    {
        jQuery(img).hide();
        hidePreloader();
    }).attr({ "src": $url });
    $('#largephoto').css('background-image','url("' + $url + '")');
    $('#largephoto').data('caption', $caption);
 }
 /* When a thumbnail is clicked*/
 $('.thumb_container').click(function()
 {
      var handler = $(this).find('.large_image');
      var newsrc  = handler.attr('src');
      var newcaption  = handler.attr('rel');
      loadPhoto(newsrc, newcaption);
 });
 /*When the main photo is hovered over*/
 $('#largephoto').hover(function()
 {
    var currentCaption  = ($(this).data('caption'));
    var largeCaption = $(this).find('#largecaption');
    largeCaption.stop();
    largeCaption.css('opacity','0.9');
    largeCaption.find('.captionContent').html(currentCaption);
    largeCaption.fadeIn()
     largeCaption.find('.captionShine').stop();
     largeCaption.find('.captionShine').css("background-position","-550px 0");
     largeCaption.find('.captionShine').animate({backgroundPosition: '550px 0'},700);
     Cufon.replace('.captionContent');
 },
 function()
 {
    var largeCaption = $(this).find('#largecaption');
    largeCaption.find('.captionContent').html('');
    largeCaption.fadeOut();
 });
 /* When a thumbnail is hovered over*/
 $('.thumb_container').hover(function()
 {
     $(this).find(".large_thumb").stop().animate({marginLeft:-7, marginTop:-7},200);
     $(this).find(".large_thumb_shine").stop();
     $(this).find(".large_thumb_shine").css("background-position","-99px 0");
     $(this).find(".large_thumb_shine").animate({backgroundPosition: '99px 0'},700);
 }, function()
 {
    $(this).find(".large_thumb").stop().animate({marginLeft:0, marginTop:0},200);
 });
 function showPreloader()
 {
   $('#loader').css('background-image','url("images/interface/loader.gif")');
 }
 function hidePreloader()
 {
   $('#loader').css('background-image','url("")');
 }
  });

 </script>

$（文档）.ready（函数（）
{
/*您的ShineTime欢迎形象*/
var default_image='images/large/default.jpg'；
var default_caption='欢迎来到我的投资组合'；
/*加载默认图像*/
loadPhoto（默认图片、默认标题）；
函数loadPhoto（$url，$caption）
{
/*图像预加载程序*/
showPreload（）；
var img=新图像（）；
jQuery（img）.load（函数（）
{
jQuery（img.hide（）；
hidePreloader（）；
}).attr（{“src”：$url}）；
$（'#largephoto'）.css（'background-image'，'url（'+$url+'））；
$（'largephoto'）。数据（'caption'，$caption）；
}
/*单击缩略图时*/
$（'.thumb_container'）。单击（函数（）
{
var handler=$（this.find（'.large_image'）；
var newsrc=handler.attr（'src'）；
var newcaption=handler.attr（'rel'）；
loadPhoto（newsrc，newcaption）；
});
/*当主照片悬停在上方时*/
$（'#largephoto'）。悬停（函数（）
{
var currentCaption=（$（this.data（'caption'））；
var largeCaption=$（this）.find（“#largeCaption”）；
largeCaption.stop（）；
css（'opacity'，'0.9'）；
largeCaption.find（'.captionContent'）.html（currentCaption）；
largeCaption.fadeIn（）
largeCaption.find（'.captionShine'）.stop（）；
大标题.find（'.captionShine'）.css（“背景位置”，“-550px 0”）；
大标题.find（'.captionShine'）.animate（{backgroundPosition:'550px 0'}，700）；
Cufon.替换（'.captionContent'）；
},
函数（）
{
var largeCaption=$（this）.find（“#largeCaption”）；
largeCaption.find（'.captionContent'）.html（''）；
largeCaption.fadeOut（）；
});
/*当缩略图悬停在上方时*/
$（'.thumb_container'）。悬停（函数（）
{
$（this.find（“.large_thumb”）.stop（）.animate（{marginLeft:-7，marginTop:-7}，200）；
$（这个）。查找（“.large_thumb_shine”）.stop（）；
$（this.find（“.large_thumb_shine”）.css（“背景位置”，“-99px 0”）；
$（这个）.find（“.large_thumb_shine”）.animate（{backgroundPosition:'99px 0'}，700）；
}，函数（）
{
$（this.find（“.large_thumb”）.stop（）.animate（{marginLeft:0，marginTop:0}，200）；
});
函数showPreload（）
{
$（'#loader'）.css（'background-image'，'url（“images/interface/loader.gif”）；
}
函数hidePreloader（）
{
$（'#loader'）.css（'background-image'，'url（“”））；
}
});

我有15张这样的缩略图/照片：

<div class="thumbnails">
    <br><br><br>
    <!-- start entry-->
    <div class="thumbnailimage">
        <div class="thumb_container">
            <div class="large_thumb">
                <img src="images/thumbnails/sample1.jpg" class="large_thumb_image" alt="thumb">
                <img alt="" src="images/large/sample1.jpg" class="large_image" rel="Image Sample">
                <div class="large_thumb_border"> </div>
                <div class="large_thumb_shine"> </div>
            </div>
        </div>
    </div>
    <!-- end entry-->
</div>

---

有什么帮助吗？谢谢。

这应该行得通，您所要做的就是向每个图像添加数据大属性，悬停时它会显示一个工具提示，其中包含一个大图像

---

我想你不明白我的要求。。。我不想要悬停效果，我只想链接大照片，当我点击它打开一个新的标签url，这是在代码中定义的。。。我曾尝试用html链接它，但它不起作用，所以必须用javascript和onclick事件来完成。