SarrafCorpse

HTML Resim Efekleri

Kenarları Şeffaf Yapın


<p align="center"><img src="RESİM URL BURAYA" style="Filter: Alpha(Opacity=100, FinishOpacity=0, 
Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)"></p>


Reme Gri Efekti


<p align="center"><img src="RESİM URL BURAYA" style="Filter: Alpha(Opacity=100, FinishOpacity=0, 
Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)">


Üzerine Gelince Resim Değişsin


<script TYPE="text/javascript"> 
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}
 
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}
 
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>
 
 
 
<A HREF="TIKLANACAK ADRES" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="RESİM 1 ADRESİ" NAME="home" ALT="" BORDER="0"></A>
<script TYPE="text/javascript"> 
<!--
setrollover("RESİM 2 ADRESİ");
//-->
</script>


Üzerine gelince resim renklensin.
 

<script TYPE="text/javascript"> 
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
    pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}
 
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
    {
    rollOverArr[pageImageName].outImg = new Image;
    rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
    }
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}
 
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</script>
 
 
<A HREF="TIKLANACAK ADRES" onMouseOver="rollover('home')" onMouseOut="rollout('home')"><IMG SRC="RESİM 1 ADRESİ" NAME="home" ALT="" BORDER="0"></A>
<script TYPE="text/javascript"> 
<!--
setrollover("RESİM 2 ADRESİ");
//-->
</script>

 


Negatif Resim Efekti 



 
<img src="RESİM URL" border="0" style="filter:invert">

 

 
Bizim sitemize 6464 ziyaretçi kişi gelmiş.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol