HTML KODLARI | JAVA KODLARI | PHOTOSHOP | MESENGER |Tr.Gg | ViDEOLU DERSLER | HTML | JAVA | CSS | Tr.Gg - Resim Efektleri

SEÇTİKLERİMİZ

English

France

Resim Efektleri

Düşen Resim <!--- KAYNAK: http://www.catlak-site55.tr.gg ---> <font size="2" color="red">Sayfanın herhangi bir yerinde, mouse'un sol tuşunu, tıklayın...</font><br><br><HEAD> <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("https://img.webme.com/pic/c/catlak-site55/ninja.png","https://img.webme.com/pic/c/catlak-site55/0.gif","https://img.webme.com/pic/c/catlak-site55/ninja.png","https://img.webme.com/pic/c/catlak-site55/0.gif","https://img.webme.com/pic/c/catlak-site55/ninja.png") </script> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="15%" valign="top" align="left"><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[0],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 1</font></strong></a></p> <p><a onMouseover="changeimage(myimages[1],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 2</font></strong></a></p><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[2],this.href)"href="linkadresiniz.html" target="_blank" ><strong><font face="Arial">Resim 3</font></strong></a></p><p><a href="linkadresiniz.html" target="_blank" onMouseover="changeimage(myimages[3],this.href)"href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 4</font></strong></a></p> <p><a onMouseover="changeimage(myimages[4],this.href)" href="linkadresiniz.html" target="_blank"><strong><font face="Arial">Resim 5</font></strong></a></td> <td width="85%" valign="top" align="left"><p align="left"> <a href="linkadresiniz.html" target="_blank"><img src="matrix5.jpg" name="targetimage" border=0></a> </td> </tr> </table>	Resim Gösterisi2 <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> <script type="text/javascript"> /********************************************** * CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for source code * This copyright notice must stay intact for legal use **********************************************/ 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> <!---</head> Bitişi ---> <!---<body> Başlangıcı ---> <div id="motioncontainer" style="position:relative;width:200px;height:150px;overflow:hidden;"> <div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;"> <nobr><a href="javascript:enlargeimage('https://img.webme.com/pic/c/catlak-site55/0.gif')"><img src="https://img.webme.com/pic/c/catlak-site55/0.gif" border=1></a> <a href="javascript:enlargeimage('https://img.webme.com/pic/c/catlak-site55/0.gif', 300, 300)"><img src="https://img.webme.com/pic/c/catlak-site55/ninja.png" border=1></a> <a href="image16/f042.gif"><img src="image16/f042.gif" border=1></a> <a href="image16/f038.gif"><img src="https://img.webme.com/pic/c/catlak-site55/0.gif" border=1></a> <a href="image16/f003.gif"><img src="https://img.webme.com/pic/c/catlak-site55/ninja.png" border=1></a> <a href="https://img.webme.com/pic/c/catlak-site55/0.gif"><img src="image16/f071.gif" border=1></a> <a href="image16/f120.gif"><img src="image16/f120.gif" border=1></a> <a href="image16/f164.gif"><img src="https://img.webme.com/pic/c/catlak-site55/ninja.png" border=1></a> <a href="image16/f166.gif"><img src="image16/f166.gif" border=1></a> <a href="image16/f201.gif"><img src="image16/f201.gif" border=1></a> <a href="image16/f218.gif"><img src="image16/f218.gif" border=1></a><a href="image16/f008.gif"><img src="image16/f008.gif" border=1></a></nobr> </div> </div>
Resim Gösterisi3 <script language="JavaScript1.1"> //Picture Cube slideshow - By Tony Foster III //Modifications by JK var specifyimage=new Array() //Your images / resimler specifyimage[0]="https://img.webme.com/pic/c/catlak-site55/0.gif" specifyimage[1]="https://img.webme.com/pic/c/catlak-site55/ninja.png" specifyimage[2]="https://img.webme.com/pic/c/catlak-site55/ninja.png" var delay=3000 //3 seconds / 3 saniye bekleme //Counter for array / sıralamadaki ikinci resim var count =0; var cubeimage=new Array() for (i=0;i<specifyimage.length;i++){ cubeimage[i]=new Image() cubeimage[i].src=specifyimage[i] } function movecube(){ if (window.createPopup) cube.filters[0].apply() document.images.cube.src=cubeimage[count].src; if (window.createPopup) cube.filters[0].play() count++; if (count==cubeimage.length) count=0; setTimeout("movecube()",delay) } window.onload=new Function("setTimeout('movecube()',delay)") </script> <img src="braveheart2.jpg" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">	Spot Resim <script language="javascript"> <!-- Free JavaScripts at http://www.ScriptBreaker.com --> topv = 80; // the top position of your picture / resmin, sayfanın üst tarafına göre olan konumu leftv = 12; // the left position of your picture / resmin, sayfanın sol tarafına göre olan konumu starty = 165; // the top position of your sportlight into the image (on start) / başlangıçta spot ışığının, resmin üst kısmına göre olan konumu startx = 205; // the left position of your spotlight into the image (on start) / başlangıçta spot ışığının, resmin sol kısmına göre olan konumu function addL(){ xv = tempX - leftv; if (xv < 0) xv = 0; if (xv > img_width) xv = img_width; yv = tempY - topv; if (yv < 0) yv = 0; if (yv > img_height) yv = img_height image.filters.light.MoveLight(1,xv,yv,50,true); } function moveL() { if (over) { if(bback) { t = false; random(); } else { addL(); } out_of = true; } else { if (out_of) { back_start(); } } } function back_start() { bback = false; if ((((Math.abs(startx - xv) <= 2)) && (Math.abs(starty - yv) <= 2)) \|\| (over == true)) { timer2 = clearTimeout(timer2); timer2 = null; out_of = false; } else { if (Math.abs(startx - xv) > 2) { if (startx < xv) {xv -= 2;} else {xv += 2;} } if (Math.abs(starty - yv) > 2) { if (starty < yv) {yv -= 2;} else {yv += 2;} } image.filters.light.MoveLight(1,xv,yv,50,true); timer2 = setTimeout("back_start()",4); } } function random() { bxv = tempX - leftv; byv = tempY - topv; if ((((Math.abs(bxv - xv) <= 4)) && (Math.abs(byv - yv) <= 4)) \|\| (bback == false)) { t = true; bback = false; timer = clearTimeout(timer); timer = null; } else { if (Math.abs(bxv - xv) > 4) { if (bxv < xv) {xv -= 4;} else {xv += 3;} } if (Math.abs(byv - yv) > 4) { if (byv < yv) {yv -= 4;} else {yv += 4;} } image.filters.light.MoveLight(1,xv,yv,50,true); timer = setTimeout("random()",0); } } var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true} </script> </head> <body> <center> <div style="position:absolute;" id=img_div name=img_div onmouseover="Javascript:over=true;bback=true;" onmouseout="Javascript:over=false;bback=false"> <img id="image" style="filter:light" src="https://img.webme.com/pic/c/catlak-site55/ninja.png" width="120" height="184"></div> </center> <script language="javascript"> var img_width = 0; var img_height = 0; var xv = startx; var bxv = 0; var yv = starty; var byv = 0; var over = false; var bback = false; var timer = null; var timer2 = null; var out_of = false; var t= true; image.filters.light.addAmbient(255,255,255,10) image.filters.light.addPoint(startx,starty,50,255,255,255,255) img_div.style.left = leftv; img_div.style.top = topv; img_width = parseInt(image.width); img_height = parseInt(image.height); </script>	Spot Resim2 <center><head> <script language=JavaScript> var timer i=0 j=0 k=0 l=100 m=120 function setlight() { light_div.filters[0].clear() if (i<50) { light_div.filters[0].addcone(0,0,0,50,50,100,120,200,i,100) } else { if (j<200) { light_div.filters[0].addcone(j,0,0,50,50,100,120,200,i,200) j++ } else { if (k<120) { light_div.filters[0].addcone(j,k,0,50,50,100,120,200,i,200) k++ } else { if (l>0) { l-- light_div.filters[0].addcone(l,k,0,50,50,100,120,200,i,200) } else { if (m>0) { m-- light_div.filters[0].addcone(l,m,0,50,50,100,120,200,i,200) } else { i=100 j=0 k=0 l=100 m=120 light_div.filters[0].addcone(0,0,0,50,50,100,120,200,i,100) } } } } } i++ timer=setTimeout("setlight()",1) } function stoptimer() { clearTimeout(timer) } </script> <style> div { width:100; } body { background:#ebe2d3; } </style> </head> <body onload="setlight()" onunload="stoptimer()"> <div id="light_div" style="filter:light(enabled=1);"><img src="https://img.webme.com/pic/c/catlak-site55/ninja.png" width="120" height="150"></div> </body> <!-- end Source / kod sonu--></center>
Büyüyen Resim <script language="javascript"> <!-- document.onmousemove = beSmart; window.onload = init; startEnlarge = 250; // The distance to start enlarging the picture at, in pixels. enlargeTo = 200; // The number of Pixels to enlarge to. minSize = 40; // The number of Pixels to shrink to. centerOfPic = new Array(); // Calls the beSmart function to set each "smart" image to the correct size. function init(){ beSmart(); } function beSmart(){ for(i=0;i<document.images.length;i++){ if(document.images[i].className == "smart"){ mouseX = window.event.x; mouseY = window.event.y; imageX = document.images[i].offsetLeft + (document.images[i].width / 2); imageY = document.images[i].offsetTop + (document.images[i].height / 2); distance = Math.ceil(Math.sqrt(Math.pow(mouseX - imageX,2) + Math.pow(imageY - mouseY,2))); percent = distance / startEnlarge * enlargeTo; percent = enlargeTo - percent if(percent > minSize){ document.images[i].style.width = percent; document.images[i].style.height = percent; } else { document.images[i].style.width = minSize; document.images[i].style.height = minSize; } } } } // --> </script> </head> <center> <img src="https://img.webme.com/pic/c/catlak-site55/0.gif " class="smart"> <img src="http://www.thewallpapers.us/data/media/549/bayrak2.jpg" class="smart"> <img src="https://img.webme.com/pic/c/catlak-site55/0.gif" class="smart"> </center>	Hazılanıyor	Hazılanıyor

MENÜ

CATLAK-SiTE55

RESiM VE GiFLER

HTML KODLARI

JAVASCRiPT KODLARI

CSS DERSLERİ

KONU ANLATIMLARI

ViDEOLU DERSLER

DREAMWEAVER DERSLERi

PHOTOSHOP DERSLERi

FiREWORK DERSLERi

PREMiERE ELEMENTS

WEBMASTER OLMAK

FLASH DERSLERi

SWİSHMAX4

LiVE MESENGER

DURUM AVATARLARI

YAZILI AVATARLAR 1

YAZILI AVATARLAR2

EKLENECEK

ONLiNE HiZMETLER

ONLiNE KiSi SAYACI YAP

SLAYT RESiM BANNER

İFRAME YAPIM ARACI

İNTERNET HIZINI ÖLÇ

BELGESEL iZLE EKLE

TC NO SORGULAMA

SİTE HIZINI ÖLÇME

iCERiK SiFRELEME

SiTE ARACLARI

PHOTOSHOP

OYUN OYNA

CHAT
Gereksiz Kullanımlar Oldugu İçin Chat Kaldırılmıştır.Kızıldereliler Gibi Artık Dumanla Haberleşecegiz:)
HAFTANIN VİDEOSU

FACEBOOK PROFİL

CüNEYT ABi xD

Burdasın: Resim Efektleri ¦ Bugün: 13 ¦ Klik: 25 ¦ Online : ¦ IP: 18.97.14.87

Türkogluhali ¦ Cami Halısı ¦ Turkogluhali.com ¦ www.turkogluhali.com ¦ turkogluhalı ¦ www.turkogluhali.com ¦

Copyright © 2011 Tüm Haklari Saklidir...

Designer By Må§µM §ë®§ë®Ï

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol