تیره و تار کردن عکس با حرکت موس

[FirstLine]

با سلام
در http://www.majidonline.com اگه با موس برویم روی هر عکس رنگ اون عکس روشن میشود.
چجوری میشه اینگار را انجام داد؟
با تشکر

[javad_hosseiny]

با استفاده از یک کد جاوااسکریپت و صدا زدن آن در پارامتر onmouseover جهت فعال شدن فیلتر موردنظر و بازگرداندن آن به حالت عادی در پارامتر onmouseout و از فیلتر روشنایی تصویر (مقدار روشنایی اولیه تصویر مثلا کمتر بوده و به هنگام فعال شدن تصویر با روشنایی بیشتر نمایش داده می شود)

این تگ html اش:


< A style="FILTER: alpha(opacity=50)"
onmouseover=nereidFade(m1,100,50,100)
onmouseout=nereidFade(m1,50,30,20)
href="test2.htm" >
<I M G style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: alpha(opacity=50); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=54
src="banner.jpg"
border=0
name=m1>
< / A >

و این هم کد جاوااسکریپتش:


nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta) {
if (!document.all)
return
if (object != "[object]") {
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")", 0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp) {
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp) {
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout ("nereidFade(nereidFadeObjects["+object.sourceIndex+"], "+destOp+", "+rate+", "+delta+")", rate);
}
}

و در ابتدا صفحه html باید اگر از این کد جاوااسکریپت بصورت فایل js استفاده می کنید آن را فراخوانی کنید

برای راحتی بیشتر من فایلها را نیز بصورت ضمیمه آپلود کردم

[armin390]

سلام
سری به این مقاله بزن:
http://www.idevcenter.com/articles/view.aspx?id=34