|
<!--- KAYNAK: http://www.gezginler.net ---><br /><!---<body> Başlangıcı ---><br /><SCRIPT language=JavaScript type=text/javascript><br /><!-- Hide<br />/*<br /> LOGO CURVE Version 3.2 <br /> 24.01.2003<br /> Writen by David Bann - South Africa<br /> e-mail: david@ftgconsulting.co.za<br />*/<br />//=== Positioning ===// <br />var left = 140;// Starting left position<br />var top = 110;// Starting left position<br /><br />//=== Curve and Distance ===//<br />var topInc = 5;// Incriment of top position<br />var leftInc = 5;// Incriment of left position<br /><br />/* Make both the horizontal curve and the vertical curve the same to..<br />.. get an increasing gap with no curve. */<br />var hor_curve = 20;// Horizontal curve - 0 for no curve<br />var ver_curve = -20;// Vertical curve - 0 for no curve <br /><br />//=== Timing and Other ===//<br />var noTimes = 50;// Number of times the picture is shown<br />var waitTime = 1;// Time delay<br /><br />var layer = 2;// Layer level<br />var picture = 'ninja.jpg';// Picture to display (Smaller images work better)<br /><br />var start_retracted= true;// Start the image retracted (true / false)<br />var retract= true;// Retract from behind after expanding (true / false)<br /><br />//=== Fade options (Only IEusers see fade) ===//<br />var fade = true;// Gradual Fade (true / false) - Only works if retract =true<br />var fd_destop = 0;// Destination transparency level (ie 80, for mostly solid)<br />var fd_rate = 10;// Time in milliseconds between trasparency changes (best under 100)<br />var fd_delta = 5;// Amount of change each time (ie 5, for 5% change in transparency)<br /><br />var event_init = 'onClick';// Event at which the script is initiated<br />var left_formula = '(left + leftInc) + ((count/100) * hor_curve)';// Left position formula<br />var top_formula = '(top + topInc) + ((count/100) * ver_curve)';// Top position formula<br />//----------------------- End Customizable Variables -----------------------//<br />//--------------------- DO NOT EDIT BEYOND THIS POINT! ---------------------//<br /><br />var count = 0;<br />var count2 = 0;<br />var timeOutVal = waitTime * 10;<br />var txt;<br />var image;<br />var imageName;<br />var lay = new Array;<br /><br />function addLayer(){<br /> left = eval(left_formula);<br /> top = eval(top_formula);<br /><br /> txt = "<div id='Layer" + count + "' style='position:absolute; visibility:hidden; left:" + left + "; top:" + top + "; z-index:" + layer + "'>";<br /> txt += "<a href='#' " + event_init + "='replay()'><img src='" + picture + "' border=0 style='filter:alpha(opacity=100)' name = 'Image" + count + "'></a>";<br /> txt += "</div>";<br /><br /> document.write(txt);<br /><br /> lay[count]=new lib_obj("Layer"+count);<br />}<br /><br />function logoCurveInit(){<br /> while (count < noTimes) {<br /> addLayer();<br /> count++;<br /> }<br /> count = 0;<br /><br /> lay[0].showIt();<br /><br /> if (!start_retracted) <br /> animate();<br />}<br /><br />function animate(){<br /> if (start_retracted) {<br /> if (!retract){<br /> if (count > 0){<br /> setTimeout('animate()',timeOutVal);<br /><br /> lay[count].hideIt();<br /><br /> count--;<br /> }<br /> }<br /> else{<br /> if (count >= 0){<br /> setTimeout('animate()',timeOutVal);<br /><br /> lay[count].showIt();<br /><br /> if (count != 0)<br /> fadeImage();<br /><br /> count--;<br /> }<br /> }<br /><br /> if (retract){<br /> if(count==0)<br /> retractIt();<br /> }<br /> }<br /> else{ <br /> if (count < noTimes){<br /> setTimeout('animate()',timeOutVal);<br /><br /> lay[count].showIt();<br /><br /> if (count != noTimes-1 && retract)<br /> fadeImage();<br /><br /> count++;<br /> }<br /><br /> if (retract){<br /> if (count == noTimes)<br /> retractIt();<br /><br /> }<br /> } <br />}<br /><br />function replay(){<br /> if ((count == noTimes || (count == 0 || count == -1)) &&(count2 == noTimes-1 || count2 == 0)){<br /> start_retracted = !start_retracted; // Make the value opposite of what it is<br /><br /> make_all_visible();<br /><br /> if (start_retracted){<br /> count = noTimes-1;<br /> }<br /> else {<br /> count = 0;<br /> }<br /> <br /> animate();<br /> }<br />}<br /><br />function retractIt(){<br /> if (start_retracted) { // If the logo is not retracted (showing all the layers)<br /> if (count2 > 0){<br /> setTimeout('retractIt()',timeOutVal);<br /> lay[count2].hideIt();<br /> count2--;<br /> }<br /> }<br /> else{ // If the logo is retracted (Only showing the first layer)<br /> if (count2 < noTimes-1){<br /> setTimeout('retractIt()',timeOutVal);<br /> lay[count2].hideIt();<br /> count2++;<br /> }<br /> }<br />}<br /><br />function fadeImage(){<br /> if (fade){<br /> if (count >= 0 && count <= noTimes){<br /> image = document.images['Image' + count];<br /> nereidFade(image,fd_destop,fd_rate,fd_delta);<br /> }<br /> }<br />}<br /><br />function make_all_visible(){<br /> for (var i = 0; i< noTimes ; i++){<br /> if (document.images['Image' + i].style.MozOpacity){<br /> document.images['Image' + i].style.MozOpacity=100;<br /> }<br /> else if (document.images['Image' + i].filters) {<br /> document.images['Image' + i].filters.alpha.opacity = 100;<br /> }<br /> }<br />}<br />////***************(DHTMLCentral.com)****************////<br />function check_browser(){<br /> this.ver=navigator.appVersion<br /> this.agent=navigator.userAgent<br /> this.dom=document.getElementById?1:0<br /> this.opera5=this.agent.indexOf("Opera 5")>-1<br /> this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; <br /> this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;<br /> this.ie4=(document.all && !this.dom && !this.opera5)?1:0;<br /> this.ie=this.ie4||this.ie5||this.ie6<br /> this.mac=this.agent.indexOf("Mac")>-1<br /> this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; <br /> this.ns4=(document.layers && !this.dom)?1:0;<br /> this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5)<br /> return this<br />}<br />bw=new check_browser()<br />function show_message(txt){alert(txt); return false}<br />function lib_obj(obj,nest){ <br /> if(!bw.bw) return show_message('Old browser')<br /> nest=(!nest) ? "":'document.'+nest+'.'<br /> this.evnt=bw.dom? document.getElementById(obj):<br /> bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; <br /> if(!this.evnt) return show_message('The layer does not exist ('+obj+')'<br /> +'- If your using Netscape please check the nesting of your tags!')<br /> this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; <br /> this.ref=bw.dom||bw.ie4?document:this.css.document;<br /> this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0;<br /> this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0<br /> this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; <br /> this.h=this.evnt.offsetHeight||this.css.clip.height|| this.ref.height||this.css.pixelHeight||0<br /> this.c=0<br /> if((bw.dom || bw.ie4) && this.css.clip) {<br /> this.c=this.css.clip; this.c=this.c.slice(5,this.c.length-1); <br /> this.c=this.c.split(' ');<br /> for(var i=0;i<4;i++){this.c[i]=parseInt(this.c[i])}<br /> }<br /> this.ct=this.css.clip.top||this.c[0]||0; <br /> this.cr=this.css.clip.right||this.c[1]||this.w||0<br /> this.cb=this.css.clip.bottom||this.c[2]||this.h||0; <br /> this.cl=this.css.clip.left||this.c[3]||0<br /> this.obj = obj + "Object"; eval(this.obj + "=this")<br /> return this<br />}<br />lib_obj.prototype.showIt = function(){this.css.visibility="visible"}<br />lib_obj.prototype.hideIt = function(){this.css.visibility="hidden"}<br />lib_obj.prototype.writeIt = function(text,startHTML,endHTML){<br /> if(bw.ns4){<br /> if(!startHTML){startHTML=""; endHTML=""} this.ref.open("text/html"); <br /> this.ref.write(startHTML+text+endHTML); <br /> this.ref.close()<br /> }else this.evnt.innerHTML=text<br />}<br />////***************(DHTMLCentral.com)****************////<br />/* Code taken from DynamicDrive.com (Start)--><br />Gradual-Highlight Image Script II- <br />By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)<br />For full source to script, visit http://dynamicdrive.com */<br />nereidFadeObjects = new Object();nereidFadeTimers = new Object();<br />function nereidFade(object, destOp, rate, delta){<br />if (!document.all)return<br /> if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return;}<br /> clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity;<br /> direction = 1; if (object.filters.alpha.opacity > destOp){direction = -1;}<br /> delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta;<br /> if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object;<br /> nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);<br />}<br />}<br />// <-- Code taken from DynamicDrive.com (End)<br />window.onload=new logoCurveInit();<br />//--> <br /><br /></SCRIPT><br /><!--- KAYNAK: http://www.gezginler.net --->
|
