html kod - resim slayt kodları

resim slayt kodları

ARKAPLANDA RESİM SLAYT                           İLERİ GERİ TUŞLU SLAYT
<style> body{ /*Remove below line to make bgimage NOT fixed*/ background-attachment:fixed; background-repeat: no-repeat; /*Use center center in place of 300 200 to center bg image*/ background-position: 300 200; } </style> <script language="JavaScript1.2"> //Background Image Slideshow- © Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com //Specify background images to slide var bgslides=new Array() bgslides[0]="bgslide.jpg" bgslides[1]="bgslide2.jpg" bgslides[2]="bgslide3.jpg" //Specify interval between slide (in miliseconds) var speed=3000 //preload images var processed=new Array() for (i=0;i<bgslides.length;i++){ processed[i]=new Image() processed[i].src=bgslides[i] } var inc=-1 function slideback(){ if (inc<bgslides.length-1) inc++ else inc=0 document.body.background=processed[inc].src } if (document.all||document.getElementById) window.onload=new Function('setInterval("slideback()",speed)') </script>         <script language="JavaScript"> //Preloaded slideshow script- By Jason Moon //For this script and more //Visit http://www.dynamicdrive.com // PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY... var Slides = new Array('image1.gif','image2.gif','image3.gif'); // DO NOT EDIT BELOW THIS LINE! function CacheImage(ImageSource) { // TURNS THE STRING INTO AN IMAGE OBJECT var ImageObject = new Image(); ImageObject.src = ImageSource; return ImageObject; } function ShowSlide(Direction) { if (SlideReady) { NextSlide = CurrentSlide + Direction; // THIS WILL DISABLE THE BUTTONS (IE-ONLY) document.SlideShow.Previous.disabled = (NextSlide == 0); document.SlideShow.Next.disabled = (NextSlide == (Slides.length-1)); if ((NextSlide >= 0) && (NextSlide < Slides.length)) { document.images['Screen'].src = Slides[NextSlide].src; CurrentSlide = NextSlide++; Message = 'Picture ' + (CurrentSlide+1) + ' of ' + Slides.length; self.defaultStatus = Message; if (Direction == 1) CacheNextSlide(); } return true; } } function Download() { if (Slides[NextSlide].complete) { SlideReady = true; self.defaultStatus = Message; } else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS return true; } function CacheNextSlide() { if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] == 'string')) { // ONLY CACHES THE IMAGES ONCE SlideReady = false; self.defaultStatus = 'Downloading next picture...'; Slides[NextSlide] = CacheImage(Slides[NextSlide]); Download(); } return true; } function StartSlideShow() { CurrentSlide = -1; Slides[0] = CacheImage(Slides[0]); SlideReady = true; ShowSlide(1); } </script>

ALBÜM AÇILIŞLI SLAYT                                   DAİRE ŞEKLİNDE SLAYT
<script type="text/javascript"> /*********************************************** * Book Flip slideshow script- © Ger Versluis 2003 * Permission granted to DynamicDrive.com to feature script * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ /******************************************************** Create a div with transparent place holder in your html <div id="Book" style="position:relative"> <img src="placeholder.gif" width="144" height="227"> </div> width = 2*book image width +4 height = book image height+2 Insert onload in body tag <body onload="ImageBook()"> *********************************************************/ // 7 variables to control behavior var Book_Image_Width=140; var Book_Image_Height=225; var Book_Border=true; var Book_Border_Color="gray"; var Book_Speed=15; var Book_NextPage_Delay=1500; //1 second=1000 var Book_Vertical_Turn=0; // array to specify images and optional links. At least 4 // If Link is not needed keep it "" Book_Image_Sources=new Array( "photo1.jpg","http://www.dynamicdrive.com", "photo2.jpg","http://www.javascriptkit.com", "photo3.jpg","", //this slide isn't linked "photo4.jpg","http://www.codingforums.com" // NOTE No comma after last line ); /***************** DO NOT EDIT BELOW **********************************/ var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1; var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length); function ImageBook(){ if(document.getElementById){ for(i=0;i<Book_Image_Sources.length;i+=2){ B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]} Book_Div=document.getElementById("Book"); B_LI=document.createElement("img");Book_Div.appendChild(B_LI); B_RI=document.createElement("img");Book_Div.appendChild(B_RI); B_MI=document.createElement("img");Book_Div.appendChild(B_MI); B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute"; B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1; B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px"; B_LI.style.left=0+"px"; B_MI.style.top=0+"px"; B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px"; B_RI.style.top=0+"px"; B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px"; B_LI.style.height=Book_Image_Height+"px"; B_MI.style.height=Book_Image_Height+"px"; B_RI.style.height=Book_Image_Height+"px"; B_LI.style.width=Book_Image_Width+"px"; B_MI.style.width=Book_Image_Width+"px"; B_RI.style.width=Book_Image_Width+"px"; if(Book_Border){ B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid"; B_LI.style.borderWidth=1+"px"; B_MI.style.borderWidth=1+"px"; B_RI.style.borderWidth=1+"px"; B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color} B_LI.src=B_Pre_Img[0].src; B_LI.lnk=Book_Image_Sources[1]; B_MI.src=B_Pre_Img[2].src; B_MI.lnk=Book_Image_Sources[3]; B_RI.src=B_Pre_Img[4].src; B_RI.lnk=Book_Image_Sources[5]; B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk; B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp; B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt; BookImages()}} function BookImages(){ if(!B_Stppd){ if(Book_Vertical_Turn){ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height)); MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz; B_MI.style.top=MidOffset+"px"; B_MI.style.height=B_MSz+"px"} else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width)); MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz; B_MI.style.left=MidOffset+"px"; B_MI.style.width=B_MSz+"px"} B_Angle+=Book_Speed/720*Math.PI; if(B_Angle>=Math.PI/2&&B_Direction){ B_Direction=0; if(B_CrImg==Book_Image_Sources.length)B_CrImg=0; B_MI.src=B_Pre_Img[B_CrImg].src; B_MI.lnk=Book_Image_Sources[B_CrImg+1]; B_CrImg+=2} if(B_Angle>=Math.PI){ B_Direction=1; B_TI=B_LI; B_LI=B_MI; B_MI=B_TI; if(Book_Vertical_Turn)B_MI.style.top=0+"px"; else B_MI.style.left=Book_Image_Width+1+"px"; B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk; setTimeout("Book_Next_Delay()",Book_NextPage_Delay)} else setTimeout("BookImages()",50)} else setTimeout("BookImages()",50)} function Book_Next_Delay(){ if(B_CrImg==Book_Image_Sources.length)B_CrImg=0; B_RI.src=B_Pre_Img[B_CrImg].src; B_RI.lnk=Book_Image_Sources[B_CrImg+1]; B_MI.style.zIndex=2; B_LI.style.zIndex=1; B_Angle=0; B_CrImg+=2; setTimeout("BookImages()",50)} function B_LdLnk(){if(this.lnk)window.location.href=this.lnk} function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"} function B_Rstrt(){B_Stppd=false} </script> <div id="Book" style="position:relative"> <img src="placeholder.gif" _fcksavedurl="placeholder.gif" width="144" height="227"> </div> <p><font face="Arial" size="-2">Free DHTML scripts provided by<br><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>          <script type="text/javascript"> /*********************************************** * Carousel Slideshow script- © Ger Versluis 2003 * Permission granted to DynamicDrive.com to feature script * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ /******************************************************** Create a div with transparent place holder in your html <div id="Carousel" style="position:relative"> <img src="placeholder.gif" width="404" height="202"> </div> placeholder width: 4 sided: 1.42 * carousel image width + 3 6 sided: 2 * carousel image width +4 8 sided: 2.62 * carousel image width + 5 12 sided: 3.87 * carousel image width + 7 placeholder height: carousel image height+2 Insert onload in body tag <body onload="Carousel()"> *********************************************************/ // 7 variables to control behavior var Car_Image_Width=140; var Car_Image_Height=225; var Car_Border=true; // true or false var Car_Border_Color="white"; var Car_Speed=4; var Car_Direction=true; // true or false var Car_NoOfSides=8; // must be 4, 6, 8 or 12 /* array to specify images and optional links. For 4 sided carousel specify at least 2 images For 6 sided carousel specify at least 3 For 8 sided carousel specify at least 4 For 12 sided carousel specify at least 6 If Link is not needed keep it "" */ Car_Image_Sources=new Array( "photo1.jpg","http://www.dynamicdrive.com", "photo2.jpg","http://www.javascriptkit.com", "photo3.jpg","", //this slide isn't linked "photo4.jpg","http://www.codingforums.com" // NOTE No comma after last line ); /***************** DO NOT EDIT BELOW **********************************/ CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2); C_Coef=new Array( 3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0, Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3); var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9; C_Pre_Img=new Array(Car_Image_Sources.length); var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW, C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2; function Carousel(){ if(document.getElementById){ for(i=0;i<Car_Image_Sources.length;i+=2){ C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]} C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1; Car_Div=document.getElementById("Carousel"); for(i=0;i<C_HalfNo;i++){ CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]); CW_I[i].style.position="absolute"; CW_I[i].style.top=0+"px"; CW_I[i].style.height=Car_Image_Height+"px"; if(Car_Border){ CW_I[i].style.borderStyle="solid"; CW_I[i].style.borderWidth=1+"px"; CW_I[i].style.borderColor=Car_Border_Color} CW_I[i].src=Car_Image_Sources[2*i]; CW_I[i].lnk=Car_Image_Sources[2*i+1]; CW_I[i].onclick=C_LdLnk; CW_I[i].onmouseover=C_Stp; CW_I[i].onmouseout=C_Rstrt} CarImages()}} function CarImages(){ if(!C_Stppd){ C_TotalW=0; for(i=0;i<C_HalfNo;i++){ C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width); C_TotalW+=C_ClcW[i]} C_LeftOffset=(C_MaxW-C_TotalW)/2; for(i=0;i<C_HalfNo;i++){ CW_I[i].style.left=C_LeftOffset+"px"; CW_I[i].style.width=C_ClcW[i]+"px"; C_LeftOffset+=C_ClcW[i]} C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1); if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){ if(C_CrImg==Car_Image_Sources.length)C_CrImg=0; if(Car_Direction){ CW_I[C_HalfNo]=CW_I[0]; for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1]; CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg]; CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]} else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1]; CW_I[0]=CW_I[C_HalfNo]; CW_I[0].src=Car_Image_Sources[C_CrImg]; CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]} C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}} setTimeout("CarImages()",50)} function C_LdLnk(){if(this.lnk)window.location.href=this.lnk} function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;} function C_Rstrt(){C_Stppd=false} </script> <div id="Carousel" style="position:relative"> <img src="placeholder.gif" _fcksavedurl="placeholder.gif" width="371" height="225"> </div> <p><font face="Arial" size="-2">Free DHTML scripts provided by<br><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

SOLDAN ÜST ÜSTE SLAYT                              YAZI RESİM KAYDIRMA
<script type="text/javascript"> /*********************************************** * Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var trans_width='140px' //slideshow width var trans_height='225px' //slideshow height var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var degree=10 //animation speed. Greater is faster. var slideshowcontent=new Array() //Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET] slideshowcontent[0]=["photo1.jpg", "http://www.cnn.com", "_new"] slideshowcontent[1]=["photo2.jpg", "", ""] slideshowcontent[2]=["photo3.jpg", "http://www.google.com", ""] ////NO need to edit beyond here///////////// var bgcolor='white' var imageholder=new Array() for (i=0;i<slideshowcontent.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideshowcontent[i][0] } var ie4=document.all var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1 if (ie4||dom) document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>') else if (document.layers){ document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>') } var curpos=trans_width*(-1) var curcanvas="canvas0" var curindex=0 var nextindex=1 function getslidehtml(theslide){ var slidehtml="" if (theslide[1]!="") slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">' slidehtml+='<img src="'+theslide[0]+'" border="0">' if (theslide[1]!="") slidehtml+='</a>' return slidehtml } function moveslide(){ if (curpos<0){ curpos=Math.min(curpos+degree,0) tempobj.style.left=curpos+"px" } else{ clearInterval(dropslide) if (crossobj.filters) crossobj.filters.alpha.opacity=100 else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=1 nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML=getslidehtml(slideshowcontent[curindex]) nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0 setTimeout("rotateslide()",pause) } } function rotateslide(){ if (ie4||dom){ resetit(curcanvas) crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ if (crossobj.filters) document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20 else if (crossobj.style.MozOpacity) document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2 var temp='setInterval("moveslide()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else if (document.layers){ crossobj.document.write(getslidehtml(slideshowcontent[curindex])) crossobj.document.close() } curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0 } function jumptoslide(which){ curindex=which rotateslide() } function resetit(what){ curpos=parseInt(trans_width)*(-1) var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) crossobj.style.left=curpos+"px" } function startit(){ crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub if (ie4||dom){ crossobj.innerHTML=getslidehtml(slideshowcontent[curindex]) rotateslide() } else{ document.tickernsmain.visibility='show' curindex++ setInterval("rotateslide()",pause) } } if (window.addEventListener) window.addEventListener("load", startit, false) else if (window.attachEvent) window.attachEvent("onload", startit) else if (ie4||dom||document.layers) window.onload=startit </script> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>          Programın düzgün çalışması için turkiye.jpg resim dosyasının aynı klasörde bulunması gerekir. (turkiye.jpg dosyası web sitemizden download edilen zip dosyasının içinde bulunmaktadır.) <html> <head> <title>Resim ve yazı Kaydırma örneği</title> </head> <body> <div id="point1" STYLE="position:absolute;visibility:visible;"> <img src="turkiye.jpg" _fcksavedurl="turkiye.jpg" width=96 height=60 alt="" border="2" > <center>Turkiye</center> </div>  </body> </html>

SOLDAKİ YAZIYLA DEĞİŞEN RESİM               SAĞDAKİ YAZIYLA DEĞİŞEN RESİM
<table border="0"> <tr><td valign="top"> <form id="f1" name="f1"> <select id="resimler" name="resimler" size="1" onchange_fckprotectedatt=" onchange="javascript:resim_onizle();""> <option value="0" selected="selected">- HİÇBİRİ -</option> <option value="images/resim1.jpg">Resim 1</option> <option value="images/resim2.jpg">Resim 2</option> <option value="images/resim3.jpg">Resim 3</option> <option value="images/resim4.jpg">Resim 4</option> <option value="images/resim5.jpg">Resim 5</option> <option value="images/resim6.jpg">Resim 6</option> <option value="images/resim7.jpg">Resim 7</option> </select></form></td> <td><img id="resim_onizleme" name="resim_onizleme" border="0" height="70" width="70" src="images/resim_yok.jpg" _fcksavedurl="images/resim_yok.jpg" /></td></tr> </table>          <html> <head> <title>JS - Link Üzerine Gelindiğinde Resim Değişimi</title> <FCK:meta http-equiv="content-type" content="text/html; charset=windows-1254" /> <FCK:meta http-equiv="content-type" content="text/html; charset=iso-8859-9" /> <FCK:meta http-equiv="content-language" content="tr" /> </head> <body> <table align="center" border="1"> <tr><td align="center" width="400" height="300" valign="top"><img id="gelecek_resim" name="gelecek_resim" border="0" src="images/1.jpg" _fcksavedurl="images/1.jpg" width="400" height="300" /></td> <td valign="top" width="200"><a href="haberoku.asp?id=1" _fcksavedurl="haberoku.asp?id=1" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"">Haber 1 Linki</a><br /> <a href="haberoku.asp?id=2" _fcksavedurl="haberoku.asp?id=2" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/2.jpg';"">Haber 2 Linki</a><br /> <a href="haberoku.asp?id=3" _fcksavedurl="haberoku.asp?id=3" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/3.jpg';"">Haber 3 Linki</a><br /> <a href="haberoku.asp?id=4" _fcksavedurl="haberoku.asp?id=4" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/4.jpg';"">Haber 4 Linki</a><br /> <a href="haberoku.asp?id=5" _fcksavedurl="haberoku.asp?id=5" onmouseout_fckprotectedatt=" onmouseout="javascript: document.getElementById('gelecek_resim').src = 'images/1.jpg';"" onmouseover_fckprotectedatt=" onmouseover="javascript: document.getElementById('gelecek_resim').src = 'images/5.jpg';"">Haber 5 Linki</a> </td></tr> </table> </body> </html>

RESİM GÖSTER-GİZLE                                      YATAY PERDE AÇILIŞI
<HTML> <HEAD> <TITLE>Resim penceresi görüntüleme/Gizleme</TITLE>   </HEAD> <BODY> <div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div> <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)""><img src="new.gif" _fcksavedurl="new.gif" border="0"></a> <a href="photo1.jpeg" _fcksavedurl="photo1.jpeg" onClick_fckprotectedatt=" onClick="return enlarge('photo1.jpeg',event)"">Resim penceresi görüntülemek için tıklayınız.</a> </BODY> </HTML>         <HTML> <HEAD> <TITLE>Yatay perde aç</TITLE> <style> .intro{ position:absolute; left:0; top:0; layer-background-color:ORANGE; background-color:ORANGE; border:0.1px solid ORANGE; z-index:10; } </style> </HEAD> <BODY bgcolor=#ff008B> <div id="i1" class="intro"></div><div id="i2" class="intro"></div>  </BODY> </HTML>

ÜZERİNE GELİNCE BÜYÜEN RESİM           SAYFAYLA HAREKET EDEN RESİM
<img border="0" src="images/resim.jpg" _fcksavedurl="images/resim.jpg" height="128" width="128" onmouseover_fckprotectedatt=" onmouseover="this.height='256';this.width='256';"" onmouseout_fckprotectedatt=" onmouseout="this.height='128';this.width='128';"" />         <style> #webholding a { position: absolute; top: 0px; right: 0px; position: fixed; text-indent: -1000px; width: 125px; height: 500px; overflow: hidden; background: url("http://img160.imageshack.us/img160/9426/125x500uj2.gif") 0 0 no-repeat; } </style> <div id="webholding"><a href="#" _fcksavedurl="#"></a></div>

DİKEY PERDE AÇILIŞI                                        RESMİ SAĞDAN SOLA KAYDIRMA
<HTML> <HEAD> <TITLE>Dikey perde aç</TITLE> <style> <script language="JavaScript"> document.onmousedown=click var times=0; function click(){ if ((event.button==2) || (event.button==3)) { alert("Bu sayfadaki bilgilerin kopyalanması yasaktır. Lütfen ikinci kez denemeyin. Olacaklardan dolayı sorumluluk kabul etmiyorum."); if (times>=1) { sarsinti(); } times++; }// if } // click function sarsinti(){ alert("Keşke tekrar denemeseydiniz. Durdurabilmek için Ctrl+Alt+Delete'yİ kullanın!"); var i=0; var ix=1; do { i+=ix; window.moveTo(i,i); if(i==10 || i==0){ix=-ix;} }while(i<12); } //sarsinti // --> </script> </style> </HEAD> <BODY> <div id="i1" class="intro"></div><div id="i2" class="intro"></div>  </BODY> </HTML>         <animation><marquee> <img src="RESIMIN ADRESI" _fcksavedurl="RESIMIN ADRESI" border="0"> <img src="RESIMIN ADRESI" _fcksavedurl="RESIMIN ADRESI" border="0"> <img src="RESIMIN ADRESI" _fcksavedurl="RESIMIN ADRESI" border="0"> </marquee></animation>

RESİM YÜKLE
<form enctype="multipart/form-data" style="display:inline" method="post" target="_blank" name="userForm" action="http://www.ww64.com/upload"> <table align="center" border="1" bordercolordark="#666666" bordercolorlight="#FFFFFF" cellspacing="0" cellpadding="5"> <tr> <td align="center"><a href="http://www.ww64.com/upload" _fcksavedurl="http://www.ww64.com/upload" target="_blank" ><img src="http://www.ww64.com/img/logo-uploader.jpg" _fcksavedurl="http://www.ww64.com/img/logo-uploader.jpg" alt="MySpace Codes, Myspace Generators, Myspace Graphics" width="230" height="56" border="0" /><br /> </a> <input name="file" type="file" size="15" /> <input type="submit" class="input" value="Upload" name="submit" /><input type=hidden name=action value=u> <br> <a href="http://www.ww64.com/upload" _fcksavedurl="http://www.ww64.com/upload" style="font-size: 10px; text-decoration:none" target="_blank">Get your own Image Uploader</a></td> </tr> </table> </form>