Trình diễn ảnh (Kute)

Chiefree · 3 Tháng chín 2009

Không phải flash nhưng so ra vừa đẹp vừa dễ dùng hơn flash. linh động dữ liệu hình ảnh đổ vào
demo : http://hoangth.webdoanhnghiep.org/1

Bước 1 : copy đoạn script sau dán vào thẻ head

Mã:

[COLOR=#000000][FONT=Courier New][COLOR=#007700]<[/COLOR][COLOR=#0000bb]script type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/javascript"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> [/COLOR][/FONT]
 
[FONT=Courier New][COLOR=#007700]var [/COLOR][COLOR=#0000bb]imf [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   var [/COLOR][COLOR=#0000bb]lf [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   var [/COLOR][COLOR=#0000bb]instances [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= []; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   function [/COLOR][COLOR=#0000bb]getElementsByClass [/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]object[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]tag[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]className[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       var [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]object[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]getElementsByTagName[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]tag[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       for ( var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]n [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]ret [/COLOR][COLOR=#007700]= []; [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]n[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]++) [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#0000bb]className[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]ret[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]push[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       if ([/COLOR][COLOR=#0000bb]ret[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]ret [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]ret[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       return [/COLOR][COLOR=#0000bb]ret[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   function [/COLOR][COLOR=#0000bb]addEvent [/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]f[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       if ([/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addEventListener[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addEventListener[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]f[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       else if ([/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]attachEvent[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]r [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]attachEvent[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'on' [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]f[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   function [/COLOR][COLOR=#0000bb]createReflexion [/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]cont[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       var [/COLOR][COLOR=#0000bb]flx [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       if ([/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createElement[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]"canvas"[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000bb]getContext[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createElement[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]"canvas"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]context [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]getContext[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]"2d"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]translate[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scale[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700], -[/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]drawImage[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]globalCompositeOperation [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]"destination-out"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]gradient [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createLinearGradient[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb]2[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]gradient[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addColorStop[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]"rgba(255, 255, 255, 0)"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]gradient[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addColorStop[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]"rgba(255, 255, 255, 1)"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]fillStyle [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]gradient[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]context[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]fillRect[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb]2[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- DXImageTransform ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx     [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createElement[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'img'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]src [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]src[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]filter [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'flipv progid:DXImageTransform.Microsoft.Alpha(' [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]+ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#dd0000]'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]+ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                              ([/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].25[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]')'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- insert Reflexion ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]position [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'absolute'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]left     [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'-1000px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]cont[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]appendChild[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]flx[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       return [/COLOR][COLOR=#0000bb]flx[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* //////////// ==== ImageFlow Constructor ==== //////////// */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]function [/COLOR][COLOR=#0000bb]ImageFlow[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]oCont[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]zoom[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]border[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos     [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= []; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scr        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]size       [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]size[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]zoom       [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]zoom[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]border[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oCont      [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]oCont[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc         [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]getElementById[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]oCont[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scrollbar  [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700],   [/COLOR][COLOR=#dd0000]'div'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'scrollbar'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]text       [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700],   [/COLOR][COLOR=#dd0000]'div'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'text'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title      [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'div'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'title'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]legend     [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'div'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'legend'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700],   [/COLOR][COLOR=#dd0000]'img'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'bar'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arL        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700],   [/COLOR][COLOR=#dd0000]'img'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'arrow-left'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arR        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700],   [/COLOR][COLOR=#dd0000]'img'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'arrow-right'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bw         [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]alw        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arL[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]5[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arw        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arR[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]5[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent  [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arL[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arR[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view       [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]back       [/COLOR][COLOR=#007700]= -[/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]resize[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onselectstart [/COLOR][COLOR=#007700]= function () { return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; } [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- create images ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]var [/COLOR][COLOR=#0000bb]img   [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]getElementsByClass[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'div'[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'bank'[/COLOR][COLOR=#007700]).[/COLOR][COLOR=#0000bb]getElementsByTagName[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'a'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]NF [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       for (var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]]; [/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]++) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]] = new [/COLOR][COLOR=#0000bb]Diapo[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]rel[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#dd0000]'- ' [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#dd0000]' -'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]innerHTML [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]rel[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]href [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#dd0000]''[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]target [/COLOR][COLOR=#007700]|| [/COLOR][/FONT][COLOR=#dd0000][FONT=Courier New]'_self' [/FONT][/COLOR]
[COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== add mouse wheel events ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addEventListener[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]addEventListener[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'DOMMouseScroll'[/COLOR][COLOR=#007700], function([/COLOR][COLOR=#0000bb]e[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scroll[/COLOR][COLOR=#007700](-[/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]detail[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           }, [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       else [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmousewheel [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scroll[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]event[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]wheelDelta[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== scrollbar drag N drop ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmousedown [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000bb]e[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if (![/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]e [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]event[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]scl [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]screenX [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]offsetLeft[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]self [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- move bar ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmousemove [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000bb]e[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if (![/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]e [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]event[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]left [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]min[/COLOR][COLOR=#007700](([/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ws [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arw [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bw[/COLOR][COLOR=#007700]), [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]max[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]alw[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]screenX [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]scl[/COLOR][COLOR=#007700]))) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]((([/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]screenX [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]scl[/COLOR][COLOR=#007700]) ) / ([/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ws [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]alw [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arw [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bw[/COLOR][COLOR=#007700]) * [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]NF[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if ([/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]!= [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]back[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- release scrollbar ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmouseup [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000bb]e[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]self[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmousemove [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]null[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== right arrow ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arR[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onclick [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arR[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ondblclick [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]NF [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== Left arrow ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arL[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onclick [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arL[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ondblclick [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]> [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][COLOR=#007700](-[/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* //////////// ==== ImageFlow prototype ==== //////////// */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]ImageFlow[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]prototype [/COLOR][/FONT][COLOR=#007700][FONT=Courier New]= { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ==== targets ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]calc [/COLOR][COLOR=#007700]: function ([/COLOR][COLOR=#0000bb]inc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]inc[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]inc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]tw [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]lw [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- reset ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]var [/COLOR][COLOR=#0000bb]ob [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]back[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if ([/COLOR][COLOR=#0000bb]ob [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]ob [/COLOR][COLOR=#007700]!= [/COLOR][COLOR=#0000bb]o[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]ob[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]ob[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]z1 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- update legend ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]replaceChild[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createTextNode[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]), [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]firstChild[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]legend[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]replaceChild[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createTextNode[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700]), [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]legend[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]firstChild[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- update hyperlink ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]url[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo link'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]status [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'hyperlink: ' [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]url[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]status [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]''[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- calculate target sizes & positions ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]min[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]iw[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]wh [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].5[/COLOR][COLOR=#007700]) * [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]z1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x1 [/COLOR][COLOR=#007700]= ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]wh [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].5[/COLOR][COLOR=#007700]) - ([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].5[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]x [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               for (var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]]; [/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]++) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   if ([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x1 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]x[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]= ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ht [/COLOR][COLOR=#007700]/ [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]r[/COLOR][COLOR=#007700]) * [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]size[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]x   [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]tw  [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]x [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               for (var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700]; [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]]; [/COLOR][COLOR=#0000bb]i[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]--) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   if ([/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]= ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ht [/COLOR][COLOR=#007700]/ [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]r[/COLOR][COLOR=#007700]) * [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]size[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x1 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]x [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]x   [/COLOR][COLOR=#007700]-= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]tw  [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]lw  [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bdw[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- move scrollbar ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if (![/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scr [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]tw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   var [/COLOR][COLOR=#0000bb]r [/COLOR][COLOR=#007700]= ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ws [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]alw [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]arw [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bw[/COLOR][COLOR=#007700]) / [/COLOR][COLOR=#0000bb]tw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]left [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]alw [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]lw [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb]r[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- save preview view ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]back [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       }, [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== mousewheel scrolling ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]scroll [/COLOR][COLOR=#007700]: function ([/COLOR][COLOR=#0000bb]sc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]sc [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]NF [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]> [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][COLOR=#007700](-[/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       }, [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== resize  ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]resize [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]: function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]wh [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]clientWidth[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ht [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]clientHeight[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ws [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]scrollbar[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]offsetWidth[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]run[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       }, [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== move all images  ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]run [/COLOR][COLOR=#007700]: function ([/COLOR][COLOR=#0000bb]res[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]NF[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           while ([/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]--) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]diapos[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]move[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]res[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* //////////// ==== Diapo Constructor ==== //////////// */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]Diapo [/COLOR][COLOR=#007700]= function ([/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]N[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]url[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]target[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]parent[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]title         [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]title[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]text          [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]text[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]url           [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]url[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]target        [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]target[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]N             [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]N[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img           [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]createElement[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]'img'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]src       [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]src[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent    [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0            [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]clientWidth[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x1            [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0            [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1            [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]z1            [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent    [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onclick   [/COLOR][COLOR=#007700]= function() { [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]click[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]appendChild[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- display external link ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]url[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmouseover [/COLOR][COLOR=#007700]= function () { [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo link'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700];    } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmouseout  [/COLOR][COLOR=#007700]= function () { [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]className [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'diapo'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; } [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* //////////// ==== Diapo prototype ==== //////////// */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]Diapo[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]prototype [/COLOR][/FONT][COLOR=#007700][FONT=Courier New]= { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ==== HTML rendering ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]move [/COLOR][COLOR=#007700]: function ([/COLOR][COLOR=#0000bb]res[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]sx [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x1 [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]sw [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w1 [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if ([/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]abs[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]sx[/COLOR][COLOR=#007700]) > [/COLOR][COLOR=#0000bb]2 [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]abs[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]sw[/COLOR][COLOR=#007700]) > [/COLOR][COLOR=#0000bb]2 [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#0000bb]res[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- paint only when moving ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]sx [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0 [/COLOR][COLOR=#007700]+= [/COLOR][COLOR=#0000bb]sw [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]wh [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0 [/COLOR][COLOR=#007700]> [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- paint only visible images ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]visible [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                       var [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                       var [/COLOR][COLOR=#0000bb]h [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0 [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]r[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- diapo ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]left   [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]bottom [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]floor[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ht [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].25[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width  [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]h[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- reflexion ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]flx[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           var [/COLOR][COLOR=#0000bb]o [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]left   [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]x0[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]top    [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ceil[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ht [/COLOR][COLOR=#007700]* [/COLOR][COLOR=#0000bb].75 [/COLOR][COLOR=#007700]+ [/COLOR][COLOR=#0000bb]1[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width  [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]w0[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]o[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]Math[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]round[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]h[/COLOR][COLOR=#007700]) + [/COLOR][COLOR=#dd0000]'px'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- disable invisible images ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]visible[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]visible [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'0px'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]flx[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]flx[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]style[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#dd0000]'0px'[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== image onload ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]complete [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- get size image ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]iw     [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]width[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ih     [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]height[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]r      [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]ih [/COLOR][COLOR=#007700]/ [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]iw[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]loaded [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- create reflexion ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]flx    [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]createReflexion[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]img[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                   if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]< [/COLOR][COLOR=#0000bb]0[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]N[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][/FONT][COLOR=#007700][FONT=Courier New](); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]       }, [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ==== diapo onclick ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]click [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]: function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]N[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- click on zoomed diapo ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if ([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]url[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- open hyperlink ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]open[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]url[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]target[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- zoom in/out ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]z1 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]z1 [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#0000bb]1 [/COLOR][COLOR=#007700]? [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]zoom [/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][/FONT][COLOR=#007700][FONT=Courier New](); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } else { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- select diapo ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]view [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]N[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]this[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]parent[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]calc[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[COLOR=#ff8000][FONT=Courier New]/* //////////// ==== public methods ==== //////////// */ [/FONT][/COLOR]
[COLOR=#007700][FONT=Courier New]return { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ==== initialize script ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]create [/COLOR][COLOR=#007700]: function ([/COLOR][COLOR=#0000bb]div[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]zoom[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]border[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- instanciate imageFlow ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]var [/COLOR][COLOR=#0000bb]load [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]= function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]loaded [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               while ([/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]--) if ([/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]oCont [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#0000bb]div[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]loaded [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               if (![/COLOR][COLOR=#0000bb]loaded[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) { [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- push new imageFlow instance ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]instances[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]push[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]( [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                       new [/COLOR][COLOR=#0000bb]ImageFlow[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]div[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]zoom[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]border[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]) [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                   ); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- init script (once) ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]if (![/COLOR][COLOR=#0000bb]imf[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]initialized[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]imf[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]initialized [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]true[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#ff8000]/* ---- window resize event ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]addEvent[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'resize'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700], function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           while ([/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]--) [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]resize[/COLOR][/FONT][COLOR=#007700][FONT=Courier New](); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                       }); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- stop drag N drop ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]addEvent[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]document[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]getElementById[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]div[/COLOR][COLOR=#007700]), [/COLOR][COLOR=#dd0000]'mouseout'[/COLOR][COLOR=#007700], function ([/COLOR][COLOR=#0000bb]e[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           if (![/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000bb]e [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]event[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           var [/COLOR][COLOR=#0000bb]tg [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]relatedTarget [/COLOR][COLOR=#007700]|| [/COLOR][COLOR=#0000bb]e[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]toElement[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           if ([/COLOR][COLOR=#0000bb]tg [/COLOR][COLOR=#007700]&& [/COLOR][COLOR=#0000bb]tg[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]tagName [/COLOR][COLOR=#007700]== [/COLOR][COLOR=#dd0000]'HTML'[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]) { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                               var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                               while ([/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]--) [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]oc[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]onmousemove [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]null[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           return [/COLOR][COLOR=#0000bb]false[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                       }); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- set interval loop ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]setInterval[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](function () { [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           var [/COLOR][COLOR=#0000bb]i [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]length[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                           while ([/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]--) [/COLOR][COLOR=#0000bb]instances[/COLOR][COLOR=#007700][[/COLOR][COLOR=#0000bb]i[/COLOR][COLOR=#007700]].[/COLOR][COLOR=#0000bb]run[/COLOR][/FONT][FONT=Courier New][COLOR=#007700](); [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]                       }, [/COLOR][COLOR=#0000bb]16[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]                   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]               } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]           } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]/* ---- window onload event ---- */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]addEvent[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]window[/COLOR][COLOR=#007700], [/COLOR][COLOR=#dd0000]'load'[/COLOR][COLOR=#007700], function () { [/COLOR][COLOR=#0000bb]load[/COLOR][/FONT][COLOR=#007700][FONT=Courier New](); }); [/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]       } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]   } [/COLOR][/FONT]
[FONT=Courier New][COLOR=#007700]}(); [/COLOR][/FONT]
 
[FONT=Courier New][COLOR=#ff8000]/* ==== create imageFlow ==== */ [/COLOR][/FONT]
[FONT=Courier New][COLOR=#ff8000]//          div ID    , size, zoom, border [/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]imf[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]create[/COLOR][COLOR=#007700]([/COLOR][COLOR=#dd0000]"imageFlow"[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]0.15[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]1.5[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]10[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); [/COLOR][/FONT]
 
[FONT=Courier New][COLOR=#0000bb]</script>[/COLOR]  [/FONT]
[/COLOR]

Bước 2 : Định dạng CSS . bạn copy rồi cho dô thẻ head luôn

Mã:

[COLOR=#000000][COLOR=#0000bb][/COLOR][FONT=Courier New][COLOR=#007700]<[/COLOR][COLOR=#0000bb]style type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/css"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
    [/COLOR][COLOR=#0000bb]html [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]{ 
        [/COLOR][COLOR=#0000bb]overflow[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]hidden[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
    } 
    [/COLOR][COLOR=#0000bb]body [/COLOR][/FONT][FONT=Courier New][COLOR=#007700]{ 
        [/COLOR][COLOR=#0000bb]margin[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]padding[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]background[/COLOR][COLOR=#007700]: [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#000; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]100[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]100[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]%; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]100[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]80[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]top[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]10[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]background[/COLOR][COLOR=#007700]: [/COLOR][/FONT][COLOR=#ff8000][FONT=Courier New]#000; 
    [/FONT][/COLOR][COLOR=#007700][FONT=Courier New]} 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .diapo { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: -[/COLOR][COLOR=#0000bb]1000px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]cursor[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]pointer[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        -[/COLOR][COLOR=#0000bb]ms[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]interpolation[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]mode[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]nearest[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]neighbor[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .link { 
        [/COLOR][COLOR=#0000bb]border[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]dotted [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#fff 1px; 
        [/COLOR][COLOR=#0000bb]margin[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: -[/COLOR][COLOR=#0000bb]1px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]margin[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]bottom[/COLOR][COLOR=#007700]: -[/COLOR][COLOR=#0000bb]1px[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .bank { 
        [/COLOR][COLOR=#0000bb]visibility[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]hidden[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .top { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]100[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]40[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]background[/COLOR][COLOR=#007700]: [/COLOR][/FONT][COLOR=#ff8000][FONT=Courier New]#181818; 
    [/FONT][/COLOR][COLOR=#007700][FONT=Courier New]} 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .text { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]100[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]bottom[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]16[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]align[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]center[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]color[/COLOR][COLOR=#007700]: [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#FFF; 
        [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]family[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]verdana[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]arial[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]Helvetica[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]sans[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]serif[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]z[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]index[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1000[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .title { 
        [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0.9em[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]weight[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]bold[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .legend { 
        [/COLOR][COLOR=#0000bb]font[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]size[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0.8em[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .scrollbar { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]10[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]bottom[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]10[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]80[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]16px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]z[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]index[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1000[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .track { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]98[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]%; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]16px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]filter[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]alpha[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]opacity[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]30[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]); 
        [/COLOR][COLOR=#0000bb]opacity[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0.3[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .arrow-left { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .arrow-right { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]right[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]0px[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]; 
    } 
    [/FONT][/COLOR][FONT=Courier New][COLOR=#ff8000]#imageFlow .bar { 
        [/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]absolute[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]height[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]16px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
        [/COLOR][COLOR=#0000bb]left[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]25px[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]; 
    } 
</[/COLOR][COLOR=#0000bb]style[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]>  [/FONT]
[/COLOR][COLOR=#0000bb][/COLOR][/COLOR]

Chiefree · 3 Tháng chín 2009

Bước 3 : Cái này là phần còn lại cho vào thẻ body

Mã:

[COLOR=#000000][COLOR=#0000bb][/COLOR][FONT=Courier New][COLOR=#007700]<[/COLOR][COLOR=#0000bb]body[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
    <[/COLOR][COLOR=#0000bb]div id[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"imageFlow"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"top"[/COLOR][COLOR=#007700]></[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"bank"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct37.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"Myselves" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]My identity lies in not knowing who I am[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct60.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"Discoveries" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>...[/COLOR][COLOR=#0000bb]are made by not following instructions[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sf53.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"Nothing" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>...[/COLOR][COLOR=#0000bb]can come between us[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sf48.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"New life" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Here you come[/COLOR][COLOR=#007700]!</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct81.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"Optimists" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]They don[/COLOR][/FONT][FONT=Courier New][COLOR=#dd0000]'t know all the facts yet</a> 
            <a rel="ct134.jpg" title="Empathy" href="http://www.design-studio.cn/">Emotional intimacy</a> 
            <a rel="ct41.jpg" title="Much work" href="http://www.design-studio.cn/">...remains to be done before we can announce our total failure to make any progress</a> 
            <a rel="ct75.jpg" title="System error" href="http://www.design-studio.cn/">Errare Programma Est</a> 
            <a rel="bl201.jpg" title="Nonexistance" href="http://www.design-studio.cn/">There'[/COLOR][COLOR=#0000bb]s no such thing[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct137.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"Inside" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]I’m now trapped[/COLOR][COLOR=#007700], [/COLOR][COLOR=#0000bb]without hope of escape [/COLOR][COLOR=#007700]or [/COLOR][COLOR=#0000bb]rescue[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct65.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"E-Slaves" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]The World is flat[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"or105.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"l0v3" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]1 l0v3 j00 [/COLOR][COLOR=#007700]- [/COLOR][COLOR=#0000bb]f0r3v3r[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct139.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"T minus zero" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]111 111 111 x 111 111 111 [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000bb]12345678987654321[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]a rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"ct27.jpg" [/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"The End" [/COLOR][COLOR=#0000bb]href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"http://www.design-studio.cn/"[/COLOR][COLOR=#007700]>...[/COLOR][COLOR=#0000bb]has not been written yet[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]a[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        </[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 

        <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"text"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"title"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Loading[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"legend"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Please wait[/COLOR][COLOR=#007700]...</[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        </[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        <[/COLOR][COLOR=#0000bb]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"scrollbar"[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]img [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"track" [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sb.gif" [/COLOR][COLOR=#0000bb]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]""[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]img [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"arrow-left" [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sl.gif" [/COLOR][COLOR=#0000bb]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]""[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]img [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"arrow-right" [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sr.gif" [/COLOR][COLOR=#0000bb]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]""[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
            <[/COLOR][COLOR=#0000bb]img [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"bar" [/COLOR][COLOR=#0000bb]src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"sc.gif" [/COLOR][COLOR=#0000bb]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]""[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
        </[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][FONT=Courier New][COLOR=#007700]> 
    </[/COLOR][COLOR=#0000bb]div[/COLOR][/FONT][COLOR=#007700][FONT=Courier New]>  [/FONT]
[/COLOR][COLOR=#0000bb][/COLOR][/COLOR]

<div class="bank">
<a rel="ct37.jpg" title="Myselves" href="http://www.design-studio.cn/">My identity lies in not knowing who I am</a>
</div>

Bạn có thể thay đổi nội dung hình ảnh bên trong tag <div class="bank"> ... </div>
Để lấy dữ liệu động vào . thì chỉ việc thay
<----// cho lặp khúc này nhé
<a rel="ct37.jpg" title="Myselves" href="http://www.design-studio.co/">My identity lies in not knowing who I am</a>
--//>

Đăng nhập hoặc Đăng ký

DIỄN ĐÀN 2MIT.ORG SẼ CHUYỂN SANG CHẾ ĐỘ READ-ONLY

Trình diễn ảnh (Kute)

Chiefree

Chiefree

Chia sẻ trang này

Tìm kiếm hữu ích

Trình diễn ảnh (Kute)

Chiefree

Chiefree

Chia sẻ trang này