Full version: jsB@nk » Image » Flatting image
URL: https://www.javascriptbank.com/flatting-image.html
Image is created by many flat. Very cool.
Full version: jsB@nk » Image » Flatting image
URL: https://www.javascriptbank.com/flatting-image.html
<STYLE>.s {LEFT: -5000px; POSITION: absolute; topt: -5000px}A {TEXT-DECORATION: none}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<SCRIPT><!-- Beginning of JavaScript -// anh dung de thuc hien hieu ung, co the tao them nhieu anhvar messageimg = new Array()messageimg[0]="logojs.gif"messageimg[1]="logojs.gif "// doan text chu thich cho moi anhvar message = new Array()message[0]="Text and image are right"message[1]="Text and image are left"// lien ket khi nhap vao anhvar messageurl = new Array()messageurl[0]="http://www.javascriptbank.com"messageurl[1]="http://www.javascriptbank.com"// canh le cho anhvar alignimg=new Array()alignimg[0]="right"alignimg[1]="left"// canh le cho doan textvar alignmessage=new Array()alignmessage[0]="right"alignmessage[1]="left"// target of the message-links (HTML conventions)var target_url="_blank"// chieu rong cua doan textvar textwidth=500// chieu cao cua doan textvar textheight=150// duong vien cua text va anhvar borderwidth=5// kich thuoc fontvar font_size=1// ten fontvar font_face="Verdana"// mau fontvar font_color="black"// mau cua backgroundvar bg_ticker="FFFCCC"// vi tri xuat hien hieu ungvar x_finalpos=100var y_finalpos=100// so luong manh catvar x_slices=12// thoi gian dung giua cac text (milliseconds)var pause=200// dung chinh sua nhung text sauvar imgpreload=new Array()for (i=0;i<=messageimg.length-1;i++) {imgpreload[i]=new Image()imgpreload[i].src=messageimg[i]}var i_loop=0var i_message=0var width_slice=Math.ceil(textwidth/x_slices)var cliptop=0var clipbottom=textheightvar i_clipright=1var content=""function initiate() { content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+message[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>" if (document.all) { for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content var thiss=eval("document.all.s"+i+".style") thiss.posLeft=x_finalpos thiss.posTop=y_finalpos } i_message++ openlamellar() }if (document.layers) { for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content)thisinners.close() var thiss=eval("document.s"+i) thiss.left=x_finalpos thiss.top=y_finalpos } i_message++ openlamellarNN() }}function openlamellar() {clipleft=-width_sliceclipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright=clipleft+i_clipright} i_clipright++ var timer=setTimeout("openlamellar()",20) } else {clearTimeout(timer)var timer=setTimeout("closelamellar()",2000)}}function openlamellarNN() {clipleft=-width_sliceclipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i)thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright} i_clipright++ var timer=setTimeout("openlamellarNN()",20) } else {clearTimeout(timer)var timer=setTimeout("closelamellarNN()",2000)}}function closelamellar() { clipleft=-width_sliceclipright=0 if (i_clipright>=0) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright=clipleft+i_clipright} i_clipright-- var timer=setTimeout("closelamellar()",20) } else {clearTimeout(timer)var timer=setTimeout("changeimage()",2000)}}function closelamellarNN() { clipleft=-width_sliceclipright=0 if (i_clipright>=0) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i)thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright} i_clipright-- var timer=setTimeout("closelamellarNN()",20) } else {clearTimeout(timer)var timer=setTimeout("changeimageNN()",2000)}}function changeimage() { content=""if (i_message>message.length-1) {i_message=0} content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+message[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>"for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content }i_message++openlamellar()}function changeimageNN() { content=""if (i_message>message.length-1) {i_message=0} content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+message[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>"for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content)thisinners.close() }i_message++openlamellarNN()}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<BODY onload=initiate()><SCRIPT><!-- Beginning of JavaScript - for (i=0;i<=x_slices;i++) { document.write("<span id='s"+i+"' class='s'></span>")}// - End of JavaScript - --></SCRIPT></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->