آژانس هواپیماییexchanging

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

شروع موضوع توسط ali-boofaloo ‏6 ژانویه 2006 در انجمن HTML

  1. ali-boofaloo

    ali-boofaloo کاربر قدیمی پرشین تولز

    تاریخ عضویت:
    ‏7 فوریه 2005
    نوشته ها:
    1,384
    تشکر شده:
    63
    محل سکونت:
    مالزی
    ازین سایتا دیدین مثل این یکی که تو منوشون عکس دارن؟
    مثلا home/contact us و ... عکسه
    بعد که ماوس رو روشون نگه میدارین عکسه پررنگ میشه
    اینارو چی جوری میسازن؟
    فکر کنم ماوس رو که رو عکسه نگه میدارین عکسه عوض میشه
     
  2. mazoolagh

    mazoolagh Registered User

    تاریخ عضویت:
    ‏10 آپریل 2004
    نوشته ها:
    2,940
    تشکر شده:
    7
    با استفاده از فیلتر آلفا - روشش در IE و FF فرق میکنه!
    فکر کنم آموزشش توی سایت مجید آنلاین باشه.
     
  3. ali-boofaloo

    ali-boofaloo کاربر قدیمی پرشین تولز

    تاریخ عضویت:
    ‏7 فوریه 2005
    نوشته ها:
    1,384
    تشکر شده:
    63
    محل سکونت:
    مالزی
    کسی میتونه بیشتر توضیح بده؟
     
  4. mazoolagh

    mazoolagh Registered User

    تاریخ عضویت:
    ‏10 آپریل 2004
    نوشته ها:
    2,940
    تشکر شده:
    7
    این عکسها عوض میشن نه اینکه کمرنگ و پررنگ بشن!
    برای اینکار هم میشه از css استفاده کرد که نمونه اش توی بخش css هست و استاد ali_ix روشش رو یاد دادن و هم اینکه میشه از کدهای جاوااسکریپت استفاده کرد.

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

    HTML:
    <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 هست.

    HTML:
    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];
    		}
    }
    
    HTML:
    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;
    }