Jquery 打开modal内的彩盒图片

我有一个打开模式的页面，这个模式有彩色框缩略图，当我点击它们时，它会在页面顶部显示完整的图片，有什么方法可以改为在模式顶部显示吗

代码：

<div id="TabsModal3" class="modal hide fade modal-form" tabindex="-1"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <ul class="ace-thumbnails">
      <li>
         <a href="assets/images/gallery/image-3.jpg" data-rel="colorbox">
            <img alt="150x150" src="assets/images/gallery/thumb-3.jpg" />
            <div class="text">
               <div class="inner">
                  Sample Caption on Hover
               </div>
            </div>
         </a>
         <div class="tools tools-bottom">
            <a href="#">
               <i class="icon-link"></i>
            </a>
            <a href="#">
               <i class="icon-paper-clip"></i>
            </a>
            <a href="#">
               <i class="icon-pencil"></i>
            </a>
            <a href="#">
               <i class="icon-remove red"></i>
            </a>
         </div>
      </li>
   </ul>
</div>

Colorbox内联脚本：

$(function () {
    var colorbox_params = {
        reposition: true,
        scalePhotos: true,
        scrolling: false,
        previous: '<i class="icon-arrow-left"></i>',
        next: '<i class="icon-arrow-right"></i>',
        close: '&times;',
        current: '{current} of {total}',
        maxWidth: '100%',
        maxHeight: '100%',
        onOpen: function () {
            document.body.style.overflow = 'hidden';
        },
        onClosed: function () {
            document.body.style.overflow = 'auto';
        },
        onComplete: function () {
            $.colorbox.resize();
        }
    };
});

$（函数（）{
var colorbox_参数={
重新定位：正确，
是的，
滚动：false，
以前的：''，
下一步：''，
关闭：“×；”，
当前：{total}中的{current}，
maxWidth:“100%”，
最大高度：“100%”，
onOpen：函数（）{
document.body.style.overflow='hidden'；
},
onClosed:function（）{
document.body.style.overflow='auto'；
},
onComplete:函数（）{
$.colorbox.resize（）；
}
};
});

请清理粘贴的代码并缩进以便于阅读。（你可以使用Notepad++之类的文本编辑器，完成后，选择all并再次缩进所有内容，然后粘贴回SO编辑框。）@gibberish谢谢你的建议，我编辑了该线程。