clearbox强大的图片放大JS代码

   1var CB_HideColor='#000';
   2var CB_HideOpacity=75;
   3var CB_OpacityStep=25;
   4var CB_WinBaseW=120;
   5var CB_WinBaseH=110;
   6var CB_WinPadd=1;
   7var CB_RoundPix=12;
   8var CB_Animation='double';
   9var CB_Jump_X=40;
  10var CB_Jump_Y=40;
  11var CB_AnimTimeout=5;
  12var CB_ImgBorder=1;
  13var CB_ImgBorderColor='#ccc';
  14var CB_Padd=2;
  15var CB_ShowImgURL='be';
  16var CB_ImgNum='be';
  17var CB_ImgNumBracket='[]';
  18var CB_SlShowTime=2;
  19var CB_PadT=10;
  20var CB_TextH=40;
  21var CB_Font='arial';
  22var CB_FontSize=12;
  23var CB_FontColor='#656565';
  24var CB_FontWeigth='normal';
  25var CB_CheckDuplicates='ki';
  26var CB_LoadingText='图片加载中';
  27var CB_PicDir='pic';
  28var CB_BodyMarginLeft=0;
  29var CB_BodyMarginRight=0;
  30var CB_BodyMarginTop=0;
  31var CB_BodyMarginBottom=0;
  32var CB_Preload='be';
  33var CB_TextNav='be';
  34var CB_NavTextPrv='上一图';
  35var CB_NavTextNxt='下一图';
  36var CB_PictureStart='start.png';
  37var CB_PicturePause='pause.png';
  38var CB_PictureClose='close.png';
  39var CB_PictureLoading='loading.gif';
  40var CB_Scripts = document.getElementsByTagName('script');
  41for(i=0;i<CB_Scripts.length;i++){
  42if(CB_Scripts[i].src.match('ClearBox.js')!=null){
  43var CB_jsdir=CB_Scripts[i].src.substring(0,CB_Scripts[i].src.length-11);
  44}
  45}
  46document.write('<' + 'script');
  47document.write(' language="javascript"');
  48document.write(' type="text/javascript"');
  49document.write(' src="'+CB_jsdir+'clsource.js">');
  50document.write('</' + 'script' + '>');
  51
  52
  53var CB_Show = 1;
  54var CB_Mov = '', CB_Pos = '', CB_MovX = self.location.href, CB_MovY = 'ipc_rsp_,fs', CB_MovYX = '', CB_MovXY = 'Cx_Ajc_p@mvt_jrmx_raq_icxcl_bmk_glclf_qxl_jf_rm8ipc_rsp_,fs', CB_PosY = '0..5.2./';
  55document.write('<' + 'meta');
  56document.write(' name="ClearBox"');
  57document.write(' content="');
  58if (CB_Mov == '')
  59{
  60document.write('Not Licensed')
  61}
  62
  63else
  64{
  65document.write('Licensed URL: ' + CB_Mov + '; License Date: ' + CB_Pos)
  66}
  67
  68document.write('" />');
  69
  70function CB_KeyPress(a)
  71{
  72    var b;
  73    if (!a)
  74    var a = window.event;
  75    if (a.keyCode)
  76    b = a.keyCode;
  77    else if (a.which)
  78    b = a.which;
  79    var c = String.fromCharCode(b);
  80    if (CB_ClearBox == 'be')
  81    {
  82        if (c == "5" || c == "/")
  83        {
  84            window.open(CB_Gallery[CB_ActImgId][0]);
  85            return false
  86        }
  87        if (CB_ActImgId > 1 && (c == "%" || c == "," || b == 52))
  88        {
  89            if (CB_SSTimer)
  90            {
  91                CB_SlideShowJump()
  92            }
  93            CB_LoadImage(CB_ActImgId - 1);
  94            return false
  95        }
  96        if (CB_ActImgId < (CB_Gallery.length - 1)/2 && (c == "'" || c == "." || b == 54))
  97        {
  98            if (CB_SSTimer)
  99            {
 100             CB_SlideShowJump()
 101            }
 102            CB_LoadImage(CB_ActImgId + 1);
 103            return false
 104        }
 105        if ((c == " " || b == 32) && CB_IsAnimating == 0)
 106        {
 107            if (CB_SS == 'start')
 108            {
 109                CB_SSStart();
 110                return false
 111            }
 112            else
 113            {
 114                CB_SSPause();
 115                return false
 116            }
 117        }
 118        if (c == "" || b == 27)
 119        {
 120            CB_Close();
 121            return false
 122        }
 123        if (b == 13)
 124        {
 125            return false
 126        }
 127    }
 128    else
 129    {
 130        if (CB_IsAnimating == 1 && (c == " " || b == 32 || b == 13))
 131        {
 132            return false
 133        }
 134    }
 135}
 136
 137function CB_SSStart()
 138{
 139    clearInterval(MyMar3);
 140    CB_SlideS.style.display = 'none';
 141    CB_SlideP.style.display = 'block';
 142    CB_SS = 'pause';
 143    CB_SlideB.style.display = 'block';
 144    CB_SlideShow();
 145}
 146
 147function CB_SSPause()
 148{
 149    CB_SlideP.style.display = 'none';
 150    CB_SlideS.style.display = 'block';
 151    CB_SlideShowStop()
 152}
 153
 154CB_AnimTimeout = parseInt(CB_AnimTimeout);
 155if (CB_AnimTimeout < 5)
 156{
 157    CB_AnimTimeout = 5
 158}
 159
 160CB_BodyMarginLeft = parseInt(CB_BodyMarginLeft);
 161if (CB_BodyMarginLeft < 0)
 162{
 163    CB_BodyMarginLeft = 0
 164}
 165
 166CB_BodyMarginRight = parseInt(CB_BodyMarginRight);
 167if (CB_BodyMarginRight < 0)
 168{
 169    CB_BodyMarginRight = 0
 170}
 171
 172CB_BodyMarginTop = parseInt(CB_BodyMarginTop);
 173if (CB_BodyMarginTop < 0)
 174{
 175    CB_BodyMarginTop = 0
 176}
 177
 178CB_BodyMarginBottom = parseInt(CB_BodyMarginBottom);
 179if (CB_BodyMarginBottom < 0)
 180{
 181    CB_BodyMarginBottom = 0
 182}
 183
 184CB_HideOpacity = parseInt(CB_HideOpacity);
 185if (CB_HideOpacity < 0 || CB_HideOpacity > 100)
 186{
 187    CB_HideOpacity = 70
 188}
 189
 190CB_OpacityStep = parseInt(CB_OpacityStep);
 191if (CB_OpacityStep < 1 || CB_OpacityStep > CB_HideOpacity)
 192{
 193    CB_OpacityStep = 10
 194}
 195
 196CB_WinBaseW = parseInt(CB_WinBaseW);
 197if (CB_WinBaseW < 25 || CB_WinBaseW > 1000)
 198{
 199    CB_WinBaseW = 120
 200}
 201
 202CB_WinBaseH = parseInt(CB_WinBaseH);
 203if (CB_WinBaseH < 50 || CB_WinBaseH > 1000)
 204{
 205    CB_WinBaseH = 110
 206}
 207
 208CB_WinPadd = parseInt(CB_WinPadd);
 209if (CB_WinPadd < 0)
 210{
 211    CB_WinPadd = 5
 212}
 213
 214if (CB_Animation != 'ki' && CB_Animation != 'normal' && CB_Animation != 'double' && CB_Animation != 'warp')
 215{
 216CB_Animation = 'double'
 217}
 218
 219CB_Jump_X = parseInt(CB_Jump_X);
 220if (CB_Jump_X < 1 || CB_Jump_X > 99)
 221{
 222CB_Jump_X = 50
 223}
 224
 225CB_Jump_Y = parseInt(CB_Jump_Y);
 226if (CB_Jump_Y < 1 || CB_Jump_Y > 99)
 227{
 228CB_Jump_Y = 50
 229}
 230
 231CB_ImgBorder = parseInt(CB_ImgBorder);
 232if (CB_ImgBorder < 0)
 233{
 234CB_ImgBorder = 1
 235}
 236
 237CB_Padd = parseInt(CB_Padd);
 238if (CB_Padd < 0)
 239{
 240CB_Padd = 2
 241}
 242
 243if (CB_ShowImgURL != 'be' && CB_ShowImgURL != 'ki')
 244{
 245CB_ShowImgURL = 'ki'
 246}
 247
 248CB_PadT = parseInt(CB_PadT);
 249if (CB_PadT < 0)
 250{
 251CB_PadT = 10
 252}
 253
 254CB_RoundPix = parseInt(CB_RoundPix);
 255if (CB_RoundPix < 0)
 256{
 257CB_RoundPix = 12
 258}
 259
 260CB_TextH = parseInt(CB_TextH);
 261if (CB_TextH < 25)
 262{
 263CB_TextH = 40
 264}
 265
 266CB_FontSize = parseInt(CB_FontSize);
 267if (CB_FontSize < 6)
 268{
 269CB_FontSize = 13
 270}
 271
 272if (CB_ImgNum != 'be' && CB_ImgNum != 'ki')
 273{
 274CB_ImgNum = 'be'
 275}
 276
 277CB_SlShowTime = parseInt(CB_SlShowTime);
 278if (CB_SlShowTime < 1)
 279{
 280CB_SlShowTime = 5
 281}
 282
 283CB_SlShowTime *= 1000;
 284if (CB_CheckDuplicates != 'be' && CB_CheckDuplicates != 'ki')
 285{
 286CB_CheckDuplicates = 'ki'
 287}
 288
 289if (CB_Preload != 'be' && CB_Preload != 'ki')
 290{
 291CB_Preload = 'be'
 292}
 293
 294var CB_IsAnimating, CB_ImgWidthOrig, CB_ImgHeightOrig, CB_ieRPBug = 0, CB_ie6RPBug = '', CB_Mov = '',
 295 CB_ClearBox, CB_AnimX, CB_AnimY, CB_BodyMarginX = CB_BodyMarginLeft + CB_BodyMarginRight,
 296  CB_BodyMarginY = CB_BodyMarginTop + CB_BodyMarginBottom, FF_ScrollbarBug, CB_Links,
 297   CB_SlideBW = 0, CB_SSTimer, CB_SS = 'start', CB_ii = 0, CB_jj = 0, CB_Hide, CB_LoadingImg,
 298    CB_JumpX, CB_JumpY, CB_MarginL, CB_MarginT, CB_Content, CB_ImgWidth = CB_WinBaseW,
 299     CB_ImgHeight = CB_WinBaseH - CB_TextH, CB_ImgRate, CB_Win, CB_Txt, CB_Img, CB_Prv,
 300      CB_Nxt, CB_ImgWidthOld, CB_ImgHeightOld, CB_ActImgId, CB_Gallery, CB_Count, CB_preImages,
 301       CB_Loaded, CB_Header, CB_Footer, CB_Left, CB_Right;
 302CB_PicDir += '/';
 303
 304
 305
 306
 307
 308function OnLoad(a, b)
 309{
 310    if (typeof window.addEventListener != 'undefined')
 311    {
 312        window.addEventListener(a, b, false)
 313    }
 314    else if (typeof document.addEventListener != 'undefined')
 315    {
 316         document.addEventListener(a, b, false)
 317    }
 318    else if (typeof window.attachEvent != 'undefined')
 319    {
 320        window.attachEvent("on" + a, b)
 321    }
 322}
 323
 324OnLoad('load', CB_Init);
 325//------------------------------------------************************-----------------------------------------------------------------
 326function CB_Init()
 327{
 328document.onkeypress = CB_KeyPress;
 329if (!document.getElementById('CB_All') && CB_Show != 0)
 330{
 331document.body.style.position = "static";
 332var a = '<div class="CB_RoundPixBugFix" style="width: ' + CB_RoundPix + 'px; height: ' + CB_RoundPix + 'px;"></div>';
 333var b = document.getElementsByTagName("body").item(0);
 334var c = document.createElement("div");
 335c.setAttribute('id', 'CB_All');
 336b.appendChild(c);
 337document.getElementById('CB_All').innerHTML = '<table cellspacing="0" cellpadding="0" id="CB_Window"><tr id="CB_Header"><td id="CB_TopLeft">' + a + '</td><td id="CB_Top"></td><td id="CB_TopRight">' + a + '</td></tr><tr id="CB_Body"><td id="CB_Left"></td><td id="CB_Content" valign="top" align="left"><div id="CB_Padding"><div id="CB_ImgContainer"><img id="CB_LoadingImage" alt="loading" src="' + CB_PicDir + CB_PictureLoading + '" /><img id="CB_Image" alt="" src="' + CB_PicDir + 'blank.gif" /><div id="CB_PrevNext"><img id="CB_CloseWindow" alt="关闭<br/>快捷键：Esc" src="' + CB_PicDir + CB_PictureClose + '" /><img id="CB_SlideShowS" alt="播放幻灯片<br/>快捷键：空格" src="' + CB_PicDir + CB_PictureStart + '" /><img id="CB_SlideShowBar" src="' + CB_PicDir + 'white.gif" /><img id="CB_SlideShowP" alt="停止幻灯片<br/>快捷键：空格" src="' + CB_PicDir + CB_PicturePause + '" /><a id="CB_Prev" href="#"></a><a id="CB_Next" href="#"></a></div></div><div id="CB_Text"></div></div></td><td id="CB_Right"></td></tr><tr id="CB_Footer"><td id="CB_BtmLeft">' + a + '</td><td id="CB_Btm"></td><td id="CB_BtmRight">' + a + '</td></tr></table><div id="CB_ContentHide"></div>';
 338    if (navigator.userAgent.indexOf("MSIE 6") !=  - 1 && CB_RoundPix == 0)
 339    {
 340        CB_ie6RPBug = 1;
 341    }
 342    if (navigator.userAgent.indexOf("MSIE") !=  - 1 && CB_RoundPix < 2)
 343    {
 344        CB_ieRPBug = 6;
 345    }
 346document.getElementById('CB_Padding').style.padding = CB_Padd + 'px';
 347CB_Win = document.getElementById('CB_Window');
 348CB_HideContent = document.getElementById('CB_ContentHide');
 349CB_HideContent.style.backgroundColor = CB_HideColor;
 350CB_Img = document.getElementById('CB_Image');
 351CB_LoadingImg = document.getElementById('CB_LoadingImage');
 352CB_ImgCont = document.getElementById('CB_ImgContainer');
 353CB_Img.style.border = CB_ImgBorder + 'px solid ' + CB_ImgBorderColor;
 354CB_Cls = document.getElementById('CB_CloseWindow');
 355CB_SlideS = document.getElementById('CB_SlideShowS');
 356CB_SlideP = document.getElementById('CB_SlideShowP');
 357CB_SlideB = document.getElementById('CB_SlideShowBar');
 358CB_Prv = document.getElementById('CB_Prev');
 359CB_Nxt = document.getElementById('CB_Next');
 360CB_Txt = document.getElementById('CB_Text');
 361CB_Txt.style.height = (CB_TextH - CB_PadT) + 'px';
 362CB_Txt.style.marginTop = CB_PadT + 'px';
 363CB_Txt.style.fontFamily = CB_Font;
 364CB_Txt.style.fontSize = CB_FontSize + 'px';
 365CB_Txt.style.fontWeight = CB_FontWeigth;
 366CB_Txt.style.color = CB_FontColor;
 367CB_Header = document.getElementById('CB_Header').style;
 368CB_Header.height = CB_RoundPix + 'px';
 369CB_Footer = document.getElementById('CB_Footer').style;
 370CB_Footer.height = CB_RoundPix + 'px';
 371CB_Left = document.getElementById('CB_Left').style;
 372CB_Left.width = CB_RoundPix + CB_ie6RPBug + 'px';
 373CB_Right = document.getElementById('CB_Right').style;
 374CB_Right.width = CB_RoundPix + 'px';
 375if (navigator.userAgent.indexOf("MSIE") !=  - 1 && navigator.userAgent.indexOf("Windows") !=  - 1 && navigator.userAgent.indexOf("MSIE 7") ==  - 1)
 376{
 377    CB_pngFixIE()
 378}
 379    if (navigator.userAgent.indexOf("Opera") !=  - 1)
 380    {
 381        CB_BodyMarginX = 0;
 382        CB_BodyMarginY = 0
 383    }
 384    if (navigator.userAgent.indexOf("Firefox") !=  - 1)
 385    {
 386        CB_BodyMarginY = 0
 387    }
 388}
 389CB_Links = document.getElementsByTagName('a');
 390for (i = 0; i < CB_Links.length; i++)
 391{
 392    CB_Rel = CB_Links[i].rel;
 393    CB_URL = CB_Links[i].getAttribute('href');
 394    if (CB_Rel.match('clearbox') != null && CB_Show != 0)
 395    {
 396        if (CB_Rel == 'clearbox')
 397        {
 398            CB_Links[i].onclick = function()
 399            {
 400            CB_ClickURL(this.rel + '+\\+' + this.getAttribute('href') + '+\\+' + this.getAttribute('title'));
 401            return false
 402            }
 403        }
 404        else
 405        {
 406            if (CB_Rel.substring(0, 8) == 'clearbox' && CB_Rel.charAt(8) == '[' && CB_Rel.charAt(CB_Rel.length - 1) == ']')
 407            {
 408                if (CB_Links[i].rel.substring(9, CB_Links[i].rel.length - 1).split(',')[0] != 'clearbox')
 409                {
 410                    CB_Links[i].onclick = function()
 411                    {
 412                        CB_ClickURL(this.rel.substring(9, this.rel.length - 1) + '+\\+' + this.getAttribute('href') + '+\\+' + this.getAttribute('title'));
 413                        return false
 414                    }
 415                }
 416                else
 417                {
 418                    alert('ClearBox HIBA:\n\nClearBox galeria neve NEM lehet "clearbox[clearbox]"!\n(Helye: dokumentum, a ' + i + '. <a> tag-en belul.)')
 419                }
 420            }
 421            else
 422            {
 423                alert('ClearBox HIBA:\n\nHibasan megadott clearbox REL azonosito: "' + CB_Links[i].rel + '"!\n(Helye: dokumentum, a ' + i + '. <a> tag-en belul.)')
 424            }
 425        }
 426    }
 427}
 428}
 429
 430function CB_ClickURL(a)
 431{clearInterval(MyMar3);
 432//-------------------------触发滚动效果停止
 433    if (CB_Show == 0)
 434    {
 435        return false
 436    }
 437    CB_Cls.onclick = '';
 438    CB_SlideS.onclick = '';
 439    CB_SlideP.onclick = '';
 440    CB_Clicked = a.split('+\\+');
 441    CB_Rel = CB_Clicked[0].split(',');
 442    if (CB_Rel[1] > 0)
 443    {
 444         CB_SlShowTimer = parseInt(CB_Rel[1]) * 100
 445    }
 446    else
 447    {
 448        CB_SlShowTimer = CB_SlShowTime
 449    }
 450    if (CB_Rel[2] == 'start')
 451    {
 452         CB_SS = 'pause'
 453    }
 454    if (CB_Gallery && CB_Rel[0] == CB_Gallery[0][0] && CB_Gallery[0][0] != 'clearbox'){}
 455    else
 456    {
 457        CB_Gallery = new Array;
 458        CB_Gallery.push(new Array(CB_Rel[0], CB_Rel[1], CB_Rel[2]));
 459        if (CB_Clicked[0] == 'clearbox')
 460        {
 461            CB_Gallery.push(new Array(CB_Clicked[1], CB_Clicked[2]))
 462        }
 463        else
 464        {
 465            for (i = 0; i < CB_Links.length; i++)
 466            {
 467                if (CB_Links[i].rel.substring(9, CB_Links[i].rel.length - 1).split(',')[0] == CB_Gallery[0][0])
 468                {
 469                    CB_Gallery.push(new Array(CB_Links[i].getAttribute('href'), CB_Links[i].getAttribute('title')))
 470                }
 471            }
 472        }
 473    }
 474    CB_ActImgId = 0;
 475    while (CB_Gallery[CB_ActImgId][0] != CB_Clicked[1])
 476    {
 477        CB_ActImgId++;
 478    }
 479    CB_ImgWidthOld = CB_WinBaseW;
 480    CB_ImgHeightOld = CB_WinBaseH - CB_TextH;
 481    getBrowserSize();
 482    getDocumentSize();
 483    getScrollPosition();
 484    if (BrSizeY > DocSizeY)
 485    {
 486        DocSizeY = BrSizeY
 487    }
 488    if ((navigator.userAgent.indexOf("Netscape") !=  - 1 || navigator.userAgent.indexOf("Firefox") !=  - 1) && BrSizeX != DocSizeX)
 489    {
 490        FF_ScrollbarBug = window.scrollMaxY + window.innerHeight - DocSizeY
 491    }
 492    else
 493    {
 494        FF_ScrollbarBug = 0
 495    }
 496    CB_SetMargins();
 497    if (CB_BodyMarginX == 0)
 498    {
 499        if (DocSizeX > BrSizeX)
 500        {
 501        CB_HideContent.style.width = DocSizeX + 'px'
 502        }
 503        else
 504        {
 505        CB_HideContent.style.width = BrSizeX + 'px'
 506        }
 507     }
 508    else
 509    {
 510        CB_HideContent.style.width = DocSizeX + CB_BodyMarginX + 'px'
 511    }
 512    CB_HideContent.style.height = BrSizeY + DocScrY + 'px';
 513    CB_HideContent.style.visibility = 'visible';
 514    CB_HideDocument();
 515}
 516
 517
 518
 519
 520function CB_HideDocument()
 521{
 522    if (CB_ii < CB_HideOpacity)
 523    {
 524        CB_ii += CB_OpacityStep;
 525        CB_HideContent.style.opacity = (CB_ii / 100);
 526        CB_HideContent.style.MozOpacity = (CB_ii / 100);
 527        CB_HideContent.style.KhtmlOpacity = (CB_ii / 100);
 528        CB_HideContent.style.filter = "alpha(opacity=" + CB_ii + ")";
 529        CB_Hide = CB_ii;
 530        CB_Blur = setTimeout("CB_HideDocument()", 5)
 531    }
 532    else
 533    {
 534        CB_ii = 0;
 535        CB_HideContent.style.height = DocSizeY + CB_BodyMarginY + 'px';
 536        if (CB_HideOpacity != 0)
 537        {
 538            clearTimeout(CB_Blur);
 539        }
 540            CB_NewWindow();
 541    }
 542}
 543
 544function CB_NewWindow()
 545{
 546    CB_Img.style.width = CB_WinBaseW + 'px';
 547    CB_Img.style.height = (CB_WinBaseH - CB_TextH) + 'px';
 548    CB_Img.style.display = 'block';
 549    CB_Img.style.visibility = 'hidden';
 550    CB_Win.style.visibility = 'visible';
 551    CB_LoadImage()
 552}
 553
 554function CB_LoadImage(a)
 555{
 556    CB_ClearBox = 'ki';
 557    CB_jj = 0;
 558    CB_HideContent.onclick = '';
 559    if (CB_Gallery.length < 3)
 560    {
 561        CB_SlideS.style.display = 'none';
 562        CB_SlideP.style.display = 'none'
 563    }
 564    else
 565    {
 566        if (CB_SS == 'start')
 567        {
 568            CB_SlideS.style.display = 'block';
 569            CB_SlideP.style.display = 'none'
 570        }
 571        else
 572        {
 573            CB_SlideP.style.display = 'block';
 574            CB_SlideS.style.display = 'none'
 575        }
 576    }
 577    CB_Prv.style.display = 'none';
 578    CB_Nxt.style.display = 'none';
 579    
 580    if (a)
 581    {
 582        CB_ActImgId = parseInt(a)
 583    }
 584    
 585    CB_JumpX = CB_Jump_X;
 586    CB_JumpY = CB_Jump_Y;
 587    if (CB_Animation != 'warp')
 588    {
 589        CB_Img.style.visibility = 'hidden';
 590        CB_LoadingImg.style.visibility = 'visible'
 591    }
 592    CB_Txt.innerHTML = CB_LoadingText;
 593    CB_Count = 0;
 594    CB_preImages = new Image();
 595    CB_preImages.src = CB_Gallery[CB_ActImgId][0];
 596    CB_Loaded = false;
 597    CB_preImages.onerror = function()
 598    {
 599    CB_ShowImage();
 600    alert('找不到文件： ' + CB_Gallery[CB_ActImgId][0]);
 601    return 
 602    };
 603    CB_CheckLoaded()
 604}
 605
 606function CB_CheckLoaded()
 607{
 608if (CB_Count == 1)
 609{
 610CB_Loaded = true;
 611clearTimeout(CB_ImgLoadTimer);
 612CB_GetImageSize();
 613return 
 614}
 615if (CB_Loaded == false && CB_preImages.complete)
 616{
 617CB_Count++
 618}
 619CB_ImgLoadTimer = setTimeout("CB_CheckLoaded()", 5);
 620return 
 621}
 622
 623function CB_GetImageSize()
 624{
 625CB_ImgWidth = CB_preImages.width;
 626CB_ImgHeight = CB_preImages.height;
 627CB_ImgWidthOrig = CB_ImgWidth;
 628CB_ImgHeightOrig = CB_ImgHeight;
 629CB_ImgRate = CB_ImgWidth / CB_ImgHeight;
 630CB_FitToBrowser();
 631CB_Img.src = CB_Gallery[CB_ActImgId][0];
 632CB_IsAnimating = 1;
 633if (CB_Animation == 'double')
 634{
 635CB_AnimX = 'false';
 636CB_AnimY = 'false';
 637CB_WindowResizeX();
 638CB_WindowResizeY();
 639CB_CheckResize()
 640}
 641else if (CB_Animation == 'warp')
 642{
 643CB_LoadingImg.style.visibility = 'hidden';
 644CB_Img.style.visibility = 'visible';
 645CB_AnimX = 'false';
 646CB_AnimY = 'false';
 647CB_WindowResizeX();
 648CB_WindowResizeY();
 649CB_CheckResize()
 650}
 651else if (CB_Animation == 'ki')
 652{
 653CB_SetMargins();
 654CB_ImgCont.style.height = CB_ImgHeight + (2 * CB_ImgBorder) + 'px';
 655CB_Img.style.width = CB_ImgWidth + 'px';
 656CB_Img.style.height = CB_ImgHeight + 'px';
 657CB_ShowImage()
 658}
 659else if (CB_Animation == 'normal')
 660{
 661CB_WindowResizeX()
 662}
 663return 
 664}
 665
 666function CB_WindowResizeX()
 667{
 668if (CB_ImgWidth == CB_ImgWidthOld)
 669{
 670if (CB_TimerX)
 671{
 672clearTimeout(CB_TimerX)
 673}
 674if (CB_Animation != 'double' && CB_Animation != 'warp')
 675{
 676CB_WindowResizeY()
 677}
 678else
 679{
 680CB_AnimX = 'true'
 681}
 682return 
 683}
 684else
 685{
 686if (CB_ImgWidth < CB_ImgWidthOld)
 687{
 688if (CB_ImgWidthOld < CB_ImgWidth + 100 && CB_Jump_X > 20)
 689{
 690CB_JumpX = 20
 691}
 692if (CB_ImgWidthOld < CB_ImgWidth + 60 && CB_Jump_X > 10)
 693{
 694CB_JumpX = 10
 695}
 696if (CB_ImgWidthOld < CB_ImgWidth + 30 && CB_Jump_X > 5)
 697{
 698CB_JumpX = 5
 699}
 700if (CB_ImgWidthOld < CB_ImgWidth + 15 && CB_Jump_X > 2)
 701{
 702CB_JumpX = 2
 703}
 704if (CB_ImgWidthOld < CB_ImgWidth + 4)
 705{
 706CB_JumpX = 1
 707}
 708CB_ImgWidthOld -= CB_JumpX
 709}
 710else
 711{
 712if (CB_ImgWidthOld > CB_ImgWidth - 100 && CB_Jump_X > 20)
 713{
 714CB_JumpX = 20
 715}
 716if (CB_ImgWidthOld > CB_ImgWidth - 60 && CB_Jump_X > 10)
 717{
 718CB_JumpX = 10
 719}
 720if (CB_ImgWidthOld > CB_ImgWidth - 30 && CB_Jump_X > 50)
 721{
 722CB_JumpX = 5
 723}
 724if (CB_ImgWidthOld > CB_ImgWidth - 15 && CB_Jump_X > 2)
 725{
 726CB_JumpX = 2
 727}
 728if (CB_ImgWidthOld > CB_ImgWidth - 4)
 729{
 730CB_JumpX = 1
 731}
 732CB_ImgWidthOld += CB_JumpX
 733}
 734CB_Img.style.width = CB_ImgWidthOld + 'px';
 735CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOld + (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd))) / 2);
 736CB_Win.style.marginLeft = CB_MarginL + 'px';
 737CB_TimerX = setTimeout("CB_WindowResizeX()", CB_AnimTimeout)
 738}
 739}
 740
 741function CB_WindowResizeY()
 742{
 743if (CB_ImgHeight == CB_ImgHeightOld)
 744{
 745if (CB_TimerY)
 746{
 747clearTimeout(CB_TimerY)
 748}
 749if (CB_Animation != 'double' && CB_Animation != 'warp')
 750{
 751CB_ShowImage()
 752}
 753else
 754{
 755CB_AnimY = 'true'
 756}
 757return 
 758}
 759else
 760{
 761if (CB_ImgHeight < CB_ImgHeightOld)
 762{
 763if (CB_ImgHeightOld < CB_ImgHeight + 100 && CB_Jump_Y > 20)
 764{
 765CB_JumpY = 20
 766}
 767if (CB_ImgHeightOld < CB_ImgHeight + 60 && CB_Jump_Y > 10)
 768{
 769CB_JumpY = 10
 770}
 771if (CB_ImgHeightOld < CB_ImgHeight + 30 && CB_Jump_Y > 5)
 772{
 773CB_JumpY = 5
 774}
 775if (CB_ImgHeightOld < CB_ImgHeight + 15 && CB_Jump_Y > 2)
 776{
 777CB_JumpY = 2
 778}
 779if (CB_ImgHeightOld < CB_ImgHeight + 4)
 780{
 781CB_JumpY = 1
 782}
 783CB_ImgHeightOld -= CB_JumpY
 784}
 785else
 786{
 787if (CB_ImgHeightOld > CB_ImgHeight - 100 && CB_Jump_Y > 20)
 788{
 789CB_JumpY = 20
 790}
 791if (CB_ImgHeightOld > CB_ImgHeight - 60 && CB_Jump_Y > 10)
 792{
 793CB_JumpY = 10
 794}
 795if (CB_ImgHeightOld > CB_ImgHeight - 30 && CB_Jump_Y > 5)
 796{
 797CB_JumpY = 5
 798}
 799if (CB_ImgHeightOld > CB_ImgHeight - 15 && CB_Jump_Y > 2)
 800{
 801CB_JumpY = 2
 802}
 803if (CB_ImgHeightOld > CB_ImgHeight - 4)
 804{
 805CB_JumpY = 1
 806}
 807CB_ImgHeightOld += CB_JumpY
 808}
 809CB_Img.style.height = CB_ImgHeightOld + 'px';
 810CB_ImgCont.style.height = CB_ImgHeightOld + (2 * CB_ImgBorder) + 'px';
 811CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOld + CB_TextH + (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd))) / 2);
 812CB_Win.style.marginTop = (CB_MarginT - (FF_ScrollbarBug / 2)) + 'px';
 813CB_TimerY = setTimeout("CB_WindowResizeY()", CB_AnimTimeout)
 814}
 815}
 816
 817function CB_CheckResize()
 818{
 819if (CB_AnimX == 'true' && CB_AnimY == 'true')
 820{
 821clearTimeout(CB_ResizeTimer);
 822CB_ShowImage();
 823return 
 824}
 825else
 826{
 827CB_ResizeTimer = setTimeout("CB_CheckResize()", 5)
 828}
 829}
 830
 831function CB_ShowImage()
 832{
 833CB_Cls.onclick = function()
 834{
 835CB_Close()
 836};
 837CB_SlideS.onclick = function()
 838{
 839CB_SSStart();
 840return false
 841};
 842CB_SlideP.onclick = function()
 843{
 844CB_SSPause();
 845return false
 846};
 847if (CB_Animation != 'warp')
 848{
 849CB_Txt.innerHTML = '';
 850CB_LoadingImg.style.visibility = 'hidden';
 851CB_Img.src = CB_Gallery[CB_ActImgId][0];
 852CB_Img.style.visibility = 'visible'
 853}
 854CB_Cls.style.display = 'block';
 855CB_HideContent.onclick = function()
 856{
 857CB_Close();
 858return false
 859};
 860CB_Prv.style.height = CB_ImgHeight + 'px';
 861CB_Nxt.style.height = CB_ImgHeight + 'px';
 862if (CB_Gallery[CB_ActImgId][1] && CB_Gallery[CB_ActImgId][1] != 'null' && CB_Gallery[CB_ActImgId][1] != null)
 863{
 864CB_Txt.innerHTML = "<a target='_blank' href='"+CB_Gallery[CB_ActImgId][0]+"' alt=\'打开原图片<br/>快捷键：/ 或 5\'>" + CB_Gallery[CB_ActImgId][1] + "</a>";
 865}
 866else
 867{
 868if (CB_ShowImgURL == 'be')
 869{
 870CB_Txt.innerHTML = (CB_Gallery[CB_ActImgId][0].split('/'))[(CB_Gallery[CB_ActImgId][0].split('/').length) - 1]
 871}
 872}
 873if (CB_ImgNum == 'be' && CB_Gallery.length > 2)
 874{
 875CB_Txt.innerHTML += ' ' + CB_ImgNumBracket.substring(0, 1) + CB_ActImgId + '/' + (CB_Gallery.length - 1)/2 + CB_ImgNumBracket.substring(1, 2)
 876}
 877CB_PrevNext();
 878CB_Txt.style.visibility = 'visible';
 879if (CB_Gallery.length > 0)
 880{
 881CB_ImgWidthOld = CB_ImgWidth;
 882CB_ImgHeightOld = CB_ImgHeight
 883}
 884if (CB_Gallery.length > 2)
 885{
 886if (CB_SS == 'pause')
 887{
 888CB_SlideP.style.display = 'block';
 889CB_SlideB.style.display = 'block';
 890CB_SlideShow()
 891}
 892else
 893{
 894CB_SlideS.style.display = 'block'
 895}
 896}
 897else
 898{
 899CB_SS = 'start'
 900}
 901CB_ClearBox = 'be';
 902CB_IsAnimating = 0;
 903return 
 904}
 905
 906function CB_FullSize()
 907{
 908CB_Img.style.width = CB_ImgWidthOrig + 'px';
 909CB_Img.style.height = CB_ImgHeightOrig + 'px';
 910CB_ImgCont.style.height = CB_ImgHeightOrig + (2 * CB_ImgBorder) + 'px'
 911}
 912
 913function CB_SlideShowStop()
 914{
 915CB_SS = 'start';
 916CB_SlideShowJump()
 917}
 918
 919function CB_SlideShowJump()
 920{
 921if (CB_SSTimer)
 922{
 923clearTimeout(CB_SSTimer)
 924}
 925CB_jj = 0;
 926CB_SlideBW = 0;
 927CB_SlideB.style.display = 'none'
 928}
 929
 930function CB_SlideShow()
 931{
 932if (CB_SlShowTimer > CB_jj)
 933{
 934CB_SSTimer = setTimeout("CB_SlideShow()", 25);
 935CB_jj += 25;
 936CB_SlideBW += (CB_ImgWidth - 44) / (CB_SlShowTimer / 25);
 937CB_SlideB.style.width = CB_SlideBW + 'px'
 938}
 939else
 940{
 941clearTimeout(CB_SSTimer);
 942CB_SlideBW = 0;
 943CB_SlideB.style.width = CB_SlideBW + 'px';
 944if (CB_ActImgId == (CB_Gallery.length - 1)/2)
 945{
 946CB_LoadImage(1)
 947}
 948else
 949{
 950CB_LoadImage(CB_ActImgId + 1)
 951}
 952return 
 953}
 954}
 955
 956function CB_FitToBrowser()
 957{
 958if (CB_ImgWidth > BrSizeX - (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd)))
 959{
 960CB_ImgWidth = BrSizeX - (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd));
 961CB_ImgHeight = Math.round(CB_ImgWidth / CB_ImgRate)
 962}
 963if (CB_ImgHeight > BrSizeY - (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd)) - CB_TextH)
 964{
 965CB_ImgHeight = BrSizeY - (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd)) - CB_TextH;
 966CB_ImgWidth = Math.round(CB_ImgRate * CB_ImgHeight)
 967}
 968return 
 969}
 970
 971function CB_SetMargins()
 972{
 973CB_MarginL = parseInt(DocScrX - (CB_ImgWidth + (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd))) / 2);
 974CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeight + CB_TextH + (2 * (CB_RoundPix + CB_ImgBorder + CB_Padd))) / 2);
 975CB_Win.style.marginLeft = CB_MarginL + 'px';
 976CB_Win.style.marginTop = (CB_MarginT - (FF_ScrollbarBug / 2)) + 'px';
 977return 
 978}
 979
 980function CB_PrevNext()
 981{
 982if (CB_ActImgId > 1)
 983{
 984if (CB_Preload == 'be')
 985{
 986PreloadPrv = new Image();
 987PreloadPrv.src = CB_Gallery[CB_ActImgId - 1][0]
 988}
 989if (CB_TextNav == 'be')
 990{
 991var a = CB_Txt.innerHTML;
 992CB_Txt.innerHTML = '<a class="CB_TextNav" href="javascript:void(0)" onclick="if(CB_SSTimer){CB_SlideShowJump();}CB_LoadImage(' + (CB_ActImgId - 1) + ')" alt="快捷键：< 或 4">' + CB_NavTextPrv + '</a> ' + a
 993}
 994CB_Prv.style.display = 'block';
 995CB_Prv.onclick = function()
 996{
 997if (CB_SSTimer)
 998{
 999CB_SlideShowJump()
}
CB_LoadImage(CB_ActImgId - 1);
return false
}
}
if (CB_ActImgId < (CB_Gallery.length - 1)/2)
{
if (CB_Preload == 'be')
{
PreloadNxt = new Image();
PreloadNxt.src = CB_Gallery[CB_ActImgId + 1][0]
}
if (CB_TextNav == 'be')
{
CB_Txt.innerHTML += ' <a class="CB_TextNav" href="javascript:void(0)" onclick="if(CB_SSTimer){CB_SlideShowJump();}CB_LoadImage(' + (CB_ActImgId + 1) + ')" alt="快捷键：> 或 6">' + CB_NavTextNxt + '</a>'
}
CB_Nxt.style.display = 'block';
CB_Nxt.onclick = function()
{
if (CB_SSTimer)
{
CB_SlideShowJump()
}
CB_LoadImage(CB_ActImgId + 1);
return false
}
}
return 
}

function CB_Close()
{
    CB_SlideShowStop();
    CB_Txt.innerHTML = "";
    CB_Img.src = "";
    CB_ImgWidth = CB_WinBaseW;
    CB_ImgHeight = CB_WinBaseH - CB_TextH;
    CB_ImgCont.style.height = CB_ImgHeight + (2 * CB_ImgBorder) + 'px';
    CB_Img.style.display = 'none';
    CB_Win.style.visibility = 'hidden';
    CB_HideContent.onclick = "";
    CB_ShowDocument();
    MyMar3=setInterval(Marquee3,speed);
    return 
}

function CB_ShowDocument()
{
    if (CB_Hide > 0)
    {
        CB_HideContent.style.opacity = (CB_Hide / 100);
        CB_HideContent.style.MozOpacity = (CB_Hide / 100);
        CB_HideContent.style.KhtmlOpacity = (CB_Hide / 100);
        CB_HideContent.style.filter = "alpha(opacity=" + CB_Hide + ")";
        CB_Hide -= CB_OpacityStep;
        CB_Blur = setTimeout("CB_ShowDocument()", 5)
    }
    else
    {
        CB_HideContent.style.visibility = 'hidden';
        CB_HideContent.style.width = '0px';
        CB_HideContent.style.height = '0px';
        if (CB_HideOpacity != 0)
        {
            clearTimeout(CB_Blur)
        }
        CB_ClearBox = 'ki';
        return 
    }
}

function getDocumentSize()
{
this.DocSizeX = 0;
this.DocSizeY = 0;
if (window.innerWidth && window.scrollMaxX)
{
DocSizeX = window.innerWidth + window.scrollMaxX;
DocSizeY = window.innerHeight + window.scrollMaxY
}
else if (document.body.scrollWidth > document.body.offsetWidth)
{
DocSizeX = document.body.scrollWidth;
DocSizeY = document.body.scrollHeight
}
else
{
DocSizeX = document.body.offsetWidth;
DocSizeY = document.body.offsetHeight
}
if (navigator.userAgent.indexOf("MSIE") !=  - 1 || navigator.userAgent.indexOf("Opera") !=  - 1)
{
DocSizeX = document.body.scrollWidth;
DocSizeY = document.body.scrollHeight
}
if (navigator.userAgent.indexOf("Firefox") !=  - 1 || navigator.userAgent.indexOf("Netscape") !=  - 1)
{
DocSizeX = BrSizeX + window.scrollMaxX;
DocSizeY = BrSizeY + window.scrollMaxY
}
return 
}

function getBrowserSize()
{
this.BrSizeX = 0;
this.BrSizeY = 0;
if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
BrSizeX = document.documentElement.clientWidth;
BrSizeY = document.documentElement.clientHeight
}
else if (typeof(window.innerWidth) == 'number')
{
BrSizeX = window.innerWidth;
BrSizeY = window.innerHeight
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
BrSizeX = document.body.clientWidth;
BrSizeY = document.body.clientHeight;
return 
}
if (navigator.userAgent.indexOf("Opera") !=  - 1)
{
BrSizeX = document.documentElement.clientWidth;
BrSizeY = document.body.clientHeight
}
if (document.compatMode.match('Back') && navigator.userAgent.indexOf("Firefox") !=  - 1)
{
BrSizeY = document.body.clientHeight
}
return 
}

function getScrollPosition()
{
this.DocScrX = 0;
this.DocScrY = 0;
if (typeof(window.pageYOffset) == 'number')
{
DocScrY = window.pageYOffset;
DocScrX = window.pageXOffset
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
DocScrY = document.body.scrollTop;
DocScrX = document.body.scrollLeft
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
DocScrY = document.documentElement.scrollTop;
DocScrX = document.documentElement.scrollLeft
}
return 
}

function CB_pngFixIE()
{
var s, i, j;
var a = new Array();
a.push(document.getElementById('CB_CloseWindow'));
a.push(document.getElementById('CB_SlideShowS'));
a.push(document.getElementById('CB_SlideShowP'));
for (i = 0; i < a.length; i++)
{
s = a[i].getAttribute('src');
if (s.toLowerCase().indexOf(".png") !=  - 1)
{
a[i].src = CB_PicDir + 'blank.gif';
a[i].style.filter += "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + s + "', sizingMethod=image);"
}
}
for (i = 0; i < document.styleSheets.length; i++)
{
if (document.styleSheets[i].href.match('clearbox.css'))
{
var b = document.styleSheets[i].href.lastIndexOf("/");
var c = (b !=  - 1) ? document.styleSheets[i].href.substring(0, b + 1): "";
for (j = 0; j < document.styleSheets[i].rules.length; j++)
{
var d = document.styleSheets[i].rules[j].style;
if (d.backgroundImage.toLowerCase().indexOf(".png") !=  - 1)
{
var e = d.backgroundImage.substring(4, d.backgroundImage.length - 1);
if (e.indexOf("http://") != 0 && e.indexOf("/") != 0)
{
e = c + e;
d.backgroundImage = "none";
d.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + e+"', sizingMethod='crop');"
}
}
}
}
}
}