OyunlarBilecik - Resim Efekti

Resim Efekti

»Resim Efektleri«

Açıklamalı Resim <div style="text-align: center"><style type="text/css"> .divstyle{position:absolute; border:1px groove #115585; width:150; top:0; left:0; } .pstyletitle{postion:absolute; background:#b1b49e; color:white; font-size:70%; font-family:verdana; heigth:50px;} .pstylebody{postion:absolute; background:#ebe9d9; font-size:70%; font-family:verdana;}</style><script language="JavaScript1.2"> var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop } else { // grab the x-y pos.s if browser is NS tempX = e.pageX tempY = e.pageY } // catch possible negative values in NS4 if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} // show the position values in the form named Show // in the text fields named MouseX and MouseY obj_info = document.getElementById("info") obj_info.style.top = tempY + 10; obj_info.style.left = tempX + 10; return true } function alert_msg(titletext,bodytext){ obj_info = document.getElementById("info") obj_info.style.display = ''; obj_imagetitle = document.getElementById("imagetitle"); obj_imagetitle.innerHTML = titletext; obj_imagebody = document.getElementById("imagebody"); obj_imagebody.innerHTML = bodytext; } function away() { obj_info = document.getElementById("info") obj_info.style.display = 'none'; } function goToURL() { history.go(-1); } </script> </div> <div id="info" class="divstyle" style="width: 606px; display: none; height: 26px"> <div id="imagetitle" class="pstyletitle" style="text-align: center"><big><span style="font-family: Comic Sans MS"> </span></big></div> <div id="imagebody" class="pstylebody" style="text-align: center"><big><span style="font-family: Comic Sans MS"> </span></big></div> </div> <div style="text-align: center"><img alt="" onmouseout="away()" onmouseover="alert_msg('OyunlarBilecik','Paylaşımın Noktası!..')" style="width: 127px; height: 137px" src="https://img.webme.com/pic/f/freeicon/domates2.png" /><br /> <br /> <span style="color: #ff0000"><strong><big><span style="font-family: Comic Sans MS">Resmin Üzerine Gelip Üste Bakın (:</span></big></strong></span></div>	Gölgeli Resim <h3 style="text-align: center"><big><span style="font-family: Comic Sans MS"><font color="#ff0000">Mouse imlecini resmin üzerine getiriniz...</font></span></big></h3> <br /> <br /> <br /> <br /> <br /> <br /> <script> <!--/M.M.S PRODUCTIONS/ function blu(a,b){ a.filters.blur.strength=b }//--> </script> <div id="Layer1" style="z-index: 2; position: absolute; width: 296px; height: 96px; top: 120px; left: 210px"> <dd><a href="http://www.catlak-site55.tr.gg"><img border="0" alt="" onmouseout="blu(this,0)" onmouseover="blu(this,10)" style="filter: blur(strength=0)" src="https://img.webme.com/pic/f/freeicon/domates2.png" /></a> </dd> </div> <div id="Layer2" style="z-index: 3; position: absolute; width: 161px; height: 22px; top: 90px; left: 63px"> </div> <br />	Saydam Resim <style type="text/css"> #resimim { opacity: 99999999999999; } #resimim:hover { opacity: 0.1; } </style> <div id="resimim"><img src="https://img.webme.com/pic/o/oyunlarbilecik2/obbbs.png" _fcksavedurl="https://img.webme.com/pic/o/oyunlarbilecik2/obbbs.png"></div>
Resim Gösterisi 2 <style type="text/css"> #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; white-space: nowrap; top: 0px; left: 0px"><nobr><a href="javascript:enlargeimage('https://img.webme.com/pic/f/freeicon/domates3.png')"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates2.png" /></a> <a href="javascript:enlargeimage('https://img.webme.com/pic/f/freeicon/domates1.png', 300, 300)"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates4.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates5.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates2.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates3.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates6.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates5.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates5.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates1.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates4.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates6.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates5.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates2.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates6.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates3.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates3.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates1.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates1.png" /></a> <a href="https://img.webme.com/pic/f/freeicon/domates2.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates4.png" /></a><a href="https://img.webme.com/pic/f/freeicon/domates6.png"><img border="1" alt="" src="https://img.webme.com/pic/f/freeicon/domates3.png" /></a></nobr></div> </div>	Kaybolan Resim <style type="text/css"> #resimim { opacity: 99999999999999; } #resimim:hover { opacity: 0.1; } </style> <div id="resimim"><img src="https://img.webme.com/pic/o/oyunlarbilecik2/obbbs.png" _fcksavedurl="https://img.webme.com/pic/o/oyunlarbilecik2/obbbs.png"></div>	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><center> <div id="img_div" name="img_div" onmouseout="Javascript:over=false;bback=false" onmouseover="Javascript:over=true;bback=true;" style="position: absolute"><img id="image" alt="" style="filter: light; width: 222px; height: 157px" src="http://www.fileden.com/files/2008/8/28/2070495/limitsiz-paylasim15.tr.gg.png" /></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>
Resim Gösterisi <div style="text-align: center"><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("http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/WB-new-icon.png","http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/Gossamer-icon.png","http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/Silvester-icon.png","http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/Tweety-Bird-icon.png","http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/Speedy-Gonzales-icon.png") </script></div> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td valign="top" width="15%" align="left"> <p><a target="_blank" onMouseover="changeimage(myimages[0],this.href)" href="linkadresiniz.html"><strong><font face="Arial">Resim 1</font></strong></a></p> <p><a target="_blank" onMouseover="changeimage(myimages[1],this.href)" href="linkadresiniz.html"><strong><font face="Arial">Resim 2</font></strong></a></p> <p><a target="_blank" onMouseover="changeimage(myimages[2],this.href)" href="linkadresiniz.html"><strong><font face="Arial">Resim 3</font></strong></a></p> <p><a target="_blank" onMouseover="changeimage(myimages[3],this.href)" href="linkadresiniz.html"><strong><font face="Arial">Resim 4</font></strong></a></p> <p><a target="_blank" onMouseover="changeimage(myimages[4],this.href)" href="linkadresiniz.html"><strong><font face="Arial">Resim 5</font></strong></a></p> </td> <td valign="top" width="85%" align="left"> <p align="left"><a target="_blank" href="linkadresiniz.html"><img border="0" name="targetimage" alt="" src="http://icons.iconarchive.com/icons/sykonist/looney-tunes/128/Bugs-Bunny-Carrot-icon.png" /></a> </p> </td> </tr> </tbody> </table> <div style="text-align: center"><br />  </div>	Hazırlanıyor...	Hazırlanıyor...

|

|

|

|

|

|

Bu web sitesi Bedava-Sitem.com ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?

Ücretsiz kayıt ol