Замъгляване на картинка.

[Admin]

Как се замъгляваше картинка с JS и CSS?

 

[Pavkatar]

<script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 9/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 9*10 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}
</script>

<img src="http://testovete.net/images/newsimages/4ca14ged7s5jj392.jpg?1459" class="newspic" style="width: 130px; height: 127px; float: left;" alt="" id="4ca14ged7s5jj392" onmouseover="changeopacity('4ca14ged7s5jj392');" onmouseout="returnopacity('4ca14ged7s5jj392');"/>

Я пробвай това дали ще ти свърши работа :?:

 

[Admin]

<script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 9/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 9*10 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}
</script>

<img src="http://testovete.net/images/newsimages/4ca14ged7s5jj392.jpg?1459" class="newspic" style="width: 130px; height: 127px; float: left;" alt="" id="4ca14ged7s5jj392" onmouseover="changeopacity('4ca14ged7s5jj392');" onmouseout="returnopacity('4ca14ged7s5jj392');"/>

Я пробвай това дали ще ти свърши работа :?:

Да.
Това е. Само, че на обратно ми трябва.
Замъглена да е картинката преди фокус.

Ще го преправя.
Мерси.

 

[Pavkatar]

<script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 9/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 9*10 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}
</script>

<img src="http://testovete.net/images/newsimages/4ca14ged7s5jj392.jpg?1459" class="newspic" style="width: 130px; height: 127px; float: left;" alt="" id="4ca14ged7s5jj392" onmouseover="changeopacity('4ca14ged7s5jj392');" onmouseout="returnopacity('4ca14ged7s5jj392');"/>

Я пробвай това дали ще ти свърши работа :?:

Да.
Това е. Само, че на обратно ми трябва.
Замъглена да е картинката преди фокус.

Ще го преправя.
Мерси.

<script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity =  9/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' +  9*10 + ')';}
</script>

Заповядай :?:

 

[Admin]

И аз така ама не ми излиза замъглена без да правя действие.
Трябва 10 картинки да ги изкарам замъглени и после като ги натискам да се проясняват.
Сега ще го мъча.

 

[Pavkatar]

И аз така ама не ми излиза замъглена без да правя действие.
Трябва 10 картинки да ги изкарам замъглени и после като ги натискам да се проясняват.
Сега ще го мъча.

<html>
<head>
<script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity = 1/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 9*10 + ')';}

function firstopacity(picture)
{document.getElementById(picture).style.opacity = 1/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 9*10 + ')';}
</script>
</head>
<body onload="firstopacity('14639_thumb')">
  
<img src="http://seir.bg/pictures/14639_thumb.jpg" class="newspic" style="width: 130px; height: 127px; float: left;" alt="" id="14639_thumb" onmouseover="changeopacity('14639_thumb');" onmouseout="returnopacity('14639_thumb');"/>
</body>
</html>

Извинявай така е, за да работи първоначално :?:

 

[Admin]

Мда.И така става . Аз го направих да почва със style="opacity" ....
МЕрси.
Спи ми се вече.

 <script type="text/javascript">
function changeopacity(picture)
{document.getElementById(picture).style.opacity = 1;
document.getElementById(picture).style.filter = 'alpha(opacity=' + 100 + ')';}

function returnopacity(picture)
{document.getElementById(picture).style.opacity =  7/10;
document.getElementById(picture).style.filter = 'alpha(opacity=' +  7*10 + ')';}
</script>	
	

<img src="http://testovete.net/images/newsimages/4ca14ged7s5jj392.jpg?1459"
  

style="width: 130px; height: 127px; float: left;opacity:0.7;filter:alpha(opacity=70);"
 alt="" id="4ca14ged7s5jj392"
 
 onmouseover="changeopacity('4ca14ged7s5jj392');"
 onmouseout="returnopacity('4ca14ged7s5jj392');"/>

 

[Pavkatar]

Да и твоят начин, като че ли е по-добър :?: