Vidd az egeret a képre!
Válaszd ki a neked megfelelő kódot! ^^
Net explorerben mind működik!

Színes képből fekete-fehér linkelt kép esetén:


 

 

 

 

<style>a:hover img{filter:gray}</style><br />

 

Fekete-fehérből színes kép lesz egyszerű kép esetén:



 

 

 

 

 

<img src="IDE ÍRD A KÉP URL-jét!" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"><br />

 

Linkelt kép negatív fekete-fehér lesz színes kép esetén: 

<style>a:hover img{filter:xray}</style><br />

Inverz kép

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" border="0" style="filter:invert">

Domború hatású szürke kép:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT

style="filter:progid:dximagetransform.microsoft.engrave">

Kép színes marad, csak fejjel lefelé lesz:

 

 

 

 

<img src="ÍRD IDE A KÉP URL CÍMÉT" border="0" style="filter:flipv">

A kódokat kipróbáltam, nálam működnek!
NET Explorerben tökéletesek!
Továbbá, ha linkelni szeretnéd őket, nyugodtan ;)

 

Kép torzítása:

 

 

 

 

<IMG style="FILTER: blur"
src="IDE ÍRD A KÉP URL CÍMÉT" border=0>

Kép halványítása:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="filter:alpha(opacity=50)">

Kép félhomályos lesz:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="Filter: Alpha(Opacity=100,

FinishOpacity=0,
Style=1, StartX=100, StartY=100, FinishX=0, FinishY=100)">

Kép maszatossá válik

 

 

 

 

<IMG SRC="IDE ÍRD A KÉP URL CÍMÉT" STYLE="filter:Blur(strength=100)">

 

Kép ovális lesz:

 

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="Filter: Alpha(Opacity=100,

FinishOpacity=0,
Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" align="left">

 

Torz kép, ha az egeret ráviszed, tiszta lesz:

<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

Halvány képből éles lesz, ha az egeret ráviszed:
 

<style type="text/css">
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

</style>

<script type="text/javascript">

/***********************************************
* Gradual Highlight image 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 baseopacity=30

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

<img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="IDE ÍRD A KÉPED URL-JÉT">

süti beállítások módosítása