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">