图片放大效果jquery

<link href="/static/js/lib/colorbox/colorbox.css" rel="stylesheet" type="text/css">
<script src="/static/js/lib/colorbox/jquery.colorbox.js"></script>

------------------------------------------

 <a href="{$info.img_front|getImageUrl='inscription'}" class='artimg cboxElement'>
               <img class='image' width='210' alt="碑前文" src="{$info.img_front|getImageUrl='inscription'}">
 </a>

----------------------------------------

<script>

 $(function(){
 $(".image").click(function() {
       var title = $(this).attr('title');
       $(".artimg").colorbox({
           rel: 'artimg',
           title: title
       });
   }); 
 })
</script>