بفرما . اینم از کدی که میخواستی.
اسم این کد کالر باکس هست و نسخه ارجینالش اینی هست که براتون گذاشتم. ولی احتمالا اون شخص ویرایشاتی تو اون کدش به وجود اورده. در صورتی که این کد با اون چیزی که میخواستید مغایرت داشت آدرس اون سایت رو بزارید تا درستش کنم براتون.
<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100% ;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0 ;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display :block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;b order:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:url(Only the registered members can see the link) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px;height:21px;background:url (Only the registered members can see the link) no-repeat -101px 0;}
#cboxTopRight{width:21px;height:21px;background:ur l(Only the registered members can see the link) no-repeat -130px 0;}
#cboxBottomLeft{width:21px;height:21px;background: url(Only the registered members can see the link) no-repeat -101px -29px;}
#cboxBottomRight{width:21px;height:21px;background :url(Only the registered members can see the link) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px;background:url(Only the registered members can see the link) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(Only the registered members can see the link) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(Only the registered members can see the link) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(Only the registered members can see the link) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;tex t-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58p x;color:#949494;}
#cboxLoadingOverlay{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxLoadingGraphic{background:url(Only the registered members can see the link) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:vi sible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right: 30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;ba ckground:url(Only the registered members can see the link) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;bac kground:url(Only the registered members can see the link) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute;bottom:0;right:0;back ground:url(Only the registered members can see the link) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Mi crosoft.gradient(startColorstr=#00FFFFFF,endColors tr=#00FFFFFF);}
</style>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" src="Only the registered members can see the link"></script>
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#postPagination a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#content').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#content').fadeIn(500); });
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
});
</script>
<a class="group1 cboxElement" href="Only the registered members can see the link">اینجا کلیک کن</a>