کمک در قرار دادن عکس های عوض شونده!

[ali-boofaloo]

ازین سایتا دیدین مثل این یکی که تو منوشون عکس دارن؟
مثلا home/contact us و ... عکسه
بعد که ماوس رو روشون نگه میدارین عکسه پررنگ میشه
اینارو چی جوری میسازن؟
فکر کنم ماوس رو که رو عکسه نگه میدارین عکسه عوض میشه

 

[mazoolagh]

با استفاده از فیلتر آلفا - روشش در IE و FF فرق میکنه!
فکر کنم آموزشش توی سایت مجید آنلاین باشه.

 

[ali-boofaloo]

کسی میتونه بیشتر توضیح بده؟

 

[mazoolagh]

این عکسها عوض میشن نه اینکه کمرنگ و پررنگ بشن!
برای اینکار هم میشه از css استفاده کرد که نمونه اش توی بخش css هست و استاد ali_ix روشش رو یاد دادن و هم اینکه میشه از کدهای جاوااسکریپت استفاده کرد.

اینجا اومده یک جدول تعریف کرده و هر آیتم منو رو بعنوان یک خونه جدول بشکل زیر طراحی کرده - بعنوان مثال برای about کدش به اینصورت هست:

<td align="left">
	<a href="about_advanced_semiconductor.html" 
		onmouseover="MM_swapImage('nav_about','','images/hdr_nav/nav_about_over.jpg',1)"
		onmouseout="MM_swapImgRestore()">
		<img src="images/hdr_nav/nav_about.jpg" 
			alt="About Us" 
			name="nav_about" 
			width="95" 
			height="29" 
			hspace="0" 
			vspace="0" 
			border="0" />
	</a>
</td>

رخدادهای onmouseover و onmouseout بترتیب وقتی اتفاق میفتن که موس روی آیتم منو بره یا از روش کنار بره. برای هر کدوم یک تابع نوشته شده MM_swapImage و MM_swapImgRestore که بترتیب کارشون تعویض عکس در حالت mouseover و برگردوندن عکس اصلی در حالت mouseout هست.

function MM_swapImage() { //v3.0
	var i,j=0,x,a=MM_swapImage.arguments; 
	document.MM_sr=new Array; 
	for(i=0;i<(a.length-2);i+=3)
		if ((x=MM_findObj(a[i]))!=null){
			document.MM_sr[j++]=x; 
			if(!x.oSrc) 
				x.oSrc=x.src; 
				x.src=a[i+2];
		}
}

function MM_swapImgRestore() { //v3.0
	var i,x,a=document.MM_sr; 
	for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) 
		x.src=x.oSrc;
}