KASTELEKOM

www.kastelekom.com Dünya' ya Açılan Pencereniz...

JAVA UYGULAMALARI

Arkaplan Efektleri

Buton Scriptleri

Link Scriptleri

Mouse Scriptleri

Saat Scriptleri

Yazı Efektleri

Browser Efektleri

Gerekliler

Menü Scriptleri

Resim Efektleri

Statusbar Efektleri

Diğer Scriptler

RENK KODLARI

Renk Kodları -1-

Renk Kodları -2-

RESİM EFEKTLERİ -2-

1 2 3

6-Resim bir görünüp bir kaybolur...

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4))
var count=0, count2=0, add1 = 3, add2 = 10, timerID

function show()
{
 if (ie4) {
	count	+=add1
	count2+=add2
	delay=30

if(count2>100) count2=100
	if(count>100) {
		count=100
		add1 =-10
		add2 =-2
		delay=350
	}
	
	if(count<0) count=0
	if(count2<0) {
		count2=0
		add1 =3
		add2 =10
		delay=200
	}
	
	napis.style.filter="Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)"
	timerID=setTimeout("show()",delay);
 }
}

//-->
            </SCRIPT>
</HEAD><BODY bgcolor="#0099FF"><CENTER>
<DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #000066; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)">
<img src="52.jpg" width="526" height="331" border="0" alt="">
</DIV>
</CENTER>

7-Resim değişik şekillerde görünüp. sonra kaybolur..

<HEAD>

<SCRIPT language="JavaScript" type="text/javascript">

var wdmax=180;          //set maximum width of square image (px) / resmin maximum genişliği

var wdmin=0;            //set minimum thickness of edge-on image (px) / resmin incelme genişliği

var inc=5;              //set step change in px (wdmax-wdmin must be a multiple) )These two variables / değişme hızı

var rate = 50;          //pause between steps (in millisec)determine flip-flop speed / her bir hareketteki bekleme süresi

var pause = 1000;       //pause between flip and flop (in millisec) / resim değişirken bekleme süresi

var ff="flip";          //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change. / ilk değişme stili (diğeri 'flop')

function flipflop() {

if (ff=="flip") {

var wd = document.getElementById("pic").getAttribute("width");

wd = wd - inc;

document.getElementById("pic").setAttribute("width",wd);

if (wd==wdmin) {

document.getElementById("pic").setAttribute("src","100.jpg"); //substitute name of your second picture / ikinci resim

inc=-inc;

}

if (wd==wdmax) {

ff="flop";

inc=-inc;

setTimeout("flipflop()",pause);

}

else {

setTimeout("flipflop()",rate);

}

else {

var ht = document.getElementById("pic").getAttribute("height");

ht = ht - inc;

document.getElementById("pic").setAttribute("height",ht);

if (ht==wdmin) {

document.getElementById("pic").setAttribute("src","67.jpg"); //substitute name of your first picture / ilk resim

inc=-inc;

}

if (ht==wdmax) {

ff="flip";

inc=-inc;

setTimeout("flipflop()",pause);

}

else {

setTimeout("flipflop()",rate);

}

}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="javascript:flipflop()" bgcolor="#0099FF">
<center>
<TABLE border="0" height="203" width="225">
<th width="219" height="199">
<IMG src="67.jpg" width="180" ID="pic">
</th></TABLE>

8-Kullanışlı bir resim gösterim şekli...

<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("matrix.jpg","matrix1.jpg","matrix2.jpg","matrix3.jpg","matrix4.jpg")
            </script>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%" valign="top" align="left"><p><a  href="http://kastelekom_07.sitemynet.com" target="_blank" onMouseover="changeimage(myimages[0],this.href)" href="linkadresiniz.html" target="_blank"><strong>
    <font
    face="Arial" size="2">Resim 1</font></strong></a></p>
    <p><a onMouseover="changeimage(myimages[1],this.href)" href="http://kastelekom_07.sitemynet.com" target="_blank"><strong>
    <font
    face="Arial" size="2">Resim 2</font></strong></a></p><p><a href="http://kastelekom_07.sitemynet.com" target="_blank" onMouseover="changeimage(myimages[2],this.href)"href="linkadresiniz.html" target="_blank" ><strong>
    <font
    face="Arial" size="2">Resim 3</font></strong></a></p><p><a href="http://kastelekom_07.sitemynet.com" target="_blank" onMouseover="changeimage(myimages[3],this.href)"href="linkadresiniz.html" target="_blank"><strong>
    <font
    face="Arial" size="2">Resim 4</font></strong></a></p>
    <p><a onMouseover="changeimage(myimages[4],this.href)" href="http://kastelekom_07.sitemynet.com" target="_blank"><strong>
    <font
    face="Arial" size="2">Resim 5</font></strong></a></td>
    <td width="85%" valign="top" align="left"><p align="left">
<img src="matrix5.jpg" name="targetimage" border=0 width="459" height="344">
</td>
  </tr>
</table>

9-Tıklanınca uçan resim.

<SCRIPT language=JavaScript type=text/javascript>
<!-- Hide
/*
    LOGO CURVE Version 3.2 
    24.01.2003
    Writen by David Bann - South Africa
    e-mail: david@ftgconsulting.co.za
*/
//=== Positioning ===//  
var left = 140;// Starting left position
var top = 110;// Starting left position

//=== Curve and Distance ===//
var topInc = 5;// Incriment of top position
var leftInc = 5;// Incriment of left position

/* Make both the horizontal curve and the vertical curve the same to..
.. get an increasing gap with no curve. */
var hor_curve = 20;// Horizontal curve - 0 for no curve
var ver_curve = -20;// Vertical curve - 0 for no curve

//=== Timing and Other ===//
var noTimes = 50;// Number of times the picture is shown
var waitTime = 1;// Time delay

var layer = 2;// Layer level
var picture = '139.jpg';// Picture to display (Smaller images work better)

var start_retracted= true;// Start the image retracted (true / false)
var retract= true;// Retract from behind after expanding (true / false)

//=== Fade options (Only IEusers see fade) ===//
var fade = true;// Gradual Fade (true / false) - Only works if retract =true
var fd_destop = 0;// Destination transparency level (ie 80, for mostly solid)
var fd_rate = 10;// Time in milliseconds between trasparency changes (best under 100)
var fd_delta = 5;// Amount of change each time (ie 5, for 5% change in transparency)

var event_init = 'onClick';// Event at which the script is initiated
var left_formula = '(left + leftInc) + ((count/100) * hor_curve)';// Left position formula
var top_formula = '(top + topInc) + ((count/100) * ver_curve)';// Top position formula
//----------------------- End Customizable Variables -----------------------//
//--------------------- DO NOT EDIT BEYOND THIS POINT! ---------------------//

var count = 0;
var count2 = 0;
var timeOutVal = waitTime * 10;
var txt;
var image;
var imageName;
var lay = new Array;

function addLayer(){
  left = eval(left_formula);
  top = eval(top_formula);

txt = "<div id='Layer" + count + "' style='position:absolute; visibility:hidden; left:" + left + "; top:" + top + ";   z-index:" + layer + "'>";
  txt += "<a href='#' " + event_init + "='replay()'><img src='" + picture + "' border=0 style='filter:alpha(opacity=100)' name = 'Image" + count + "'></a>";
  txt += "</div>";

document.write(txt);

lay[count]=new lib_obj("Layer"+count);
}

function logoCurveInit(){
  while (count < noTimes) {
    addLayer();
    count++;
  }
  count = 0;

lay[0].showIt();

if (!start_retracted) 
    animate();
}

function animate(){
  if (start_retracted) {
    if (!retract){
      if (count > 0){
        setTimeout('animate()',timeOutVal);

lay[count].hideIt();

count--;
      }
    }
    else{
      if (count >= 0){
        setTimeout('animate()',timeOutVal);

lay[count].showIt();

if (count != 0)
          fadeImage();

count--;
      }
    }

if (retract){
      if(count==0)
        retractIt();
    }
  }
  else{    
      if (count < noTimes){
        setTimeout('animate()',timeOutVal);

lay[count].showIt();

if (count != noTimes-1 && retract)
          fadeImage();

count++;
      }

if (retract){
        if (count == noTimes)
          retractIt();

}
  }  
}

function replay(){
  if ((count == noTimes || (count == 0 || count == -1)) &&(count2 == noTimes-1 || count2 == 0)){
    start_retracted = !start_retracted;    // Make the value opposite of what it is

make_all_visible();

if (start_retracted){
      count = noTimes-1;
    }
    else {
      count = 0;
    }
  
    animate();
  }
}

function fadeImage(){
  if (fade){
    if (count >= 0 && count <= noTimes){
      image = document.images['Image' + count];
      nereidFade(image,fd_destop,fd_rate,fd_delta);
    }
  }
}

</SCRIPT>

10-Resimler film şeridi halinde geçiş yapar.

<style>
#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}</style>

var restarea=6 //width of the "neutral" area in the center of the gallery in px
var maxspeed=7 //top scroll speed in pixels. Script auto creates a range from 0 to top speed.

function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired.
var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width
var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to  default height
var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes"
window.open(path,"", winattributes)
}

////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var scrollspeed=0
var movestate=""

if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-10000;"></span>')

var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function moveleft(){
if (loadedyes){
movestate="left"
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth))
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
lefttime=setTimeout("moveleft()",10)
}

function moveright(){
if (loadedyes){
movestate="right"
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
}
righttime=setTimeout("moveright()",10)
}

function motionengine(e){
var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
var curposy=window.event? event.clientX : e.clientX? e.clientX: ""
curposy-=mainobjoffset-dsocx
var leftbound=(menuwidth-restarea)/2
var rightbound=(menuwidth+restarea)/2
if (curposy>rightbound){
scrollspeed=(curposy-rightbound)/((menuwidth-restarea)/2) * maxspeed
if (window.righttime) clearTimeout(righttime)
if (movestate!="left") moveleft()
}
else if (curposy<leftbound){
scrollspeed=(leftbound-curposy)/((menuwidth-restarea)/2) * maxspeed
if (window.lefttime) clearTimeout(lefttime)
if (movestate!="right") moveright()
}
else
scrollspeed=0
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function stopmotion(e){
if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){
if (window.lefttime) clearTimeout(lefttime)
if (window.righttime) clearTimeout(righttime)
movestate=""
}
}

function fillup(){
if (iedom){
crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer
menuwidth=parseInt(crossmain.style.width)
mainobjoffset=getposOffset(crossmain, "left")
cross_scroll=document.getElementById? document.getElementById("motiongallery") : document.all.motiongallery
document.getElementById("temp").innerHTML=cross_scroll.innerHTML //NEW stuff
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
if (!window.opera) document.getElementById("temp").style.display="none"

crossmain.onmousemove=function(e){
motionengine(e)
}

crossmain.onmouseout=function(e){
stopmotion(e)
}
}
loadedyes=1
}
window.onload=fillup
            </script>

Resimleri mause ile kaydırarak istediğiniz resmi tıklayabilirsiniz.</font></b><div id="motioncontainer" style="position:absolute;width:400;height:150;overflow:hidden; left:250; top:380">
<div id="motiongallery" style="position:absolute;left:68;top:78;white-space: nowrap">

</div>
</div>

1 2 3