تغییر دو عکس با یک onmouseover

[W3b Designer]

سلام. میخواستم بدونم راهی هست که دو عکس رو وقتی موس برروی یکی از ان ها قرار میگیره عوض کرد؟ برای یکی, از کد زیر استفاده میکنم


<img src="image1.jpg" onmouseover="src='image2.jpg'" onmouseout="src='image1.jpg'" />

با تشکر

[r4hgozar]

سلام. میخواستم بدونم راهی هست که دو عکس رو وقتی موس برروی یکی از ان ها قرار میگیره عوض کرد؟ برای یکی, از کد زیر استفاده میکنم


<img src="image1.jpg" onmouseover="src='image2.jpg'" onmouseout="src='image1.jpg'" />

با تشکر

سلام. بله میشه دوست عزیز


<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','image/Menu-Bg-Home.png',1)"><img src="image/home-hover.png" name="Image1" width="114" height="37" border="0" id="Image1" /></a>

[r4hgozar]

فقط آدرس عکس ها رو عوض کن یادم رفت واست بنویسم آدرس عکس. اما فکر کنم ساده باشه پیدا کردنش.
موفق باشی

[moalla]

اگه بخواید بدون افکت و خیلی ساده انجام بشه با :hover در css میتونید انجام بدید. اگر میخواید همراه با فید عکسها عوض بشن از جی کوئری و ساختن یه فانکشتن کوچولو میتونید انجامش بدید. اگه توضیح بیشتری میخواید بگید تا یه آموزش مختصر بدم

[refugee]

اگه بخواید بدون افکت و خیلی ساده انجام بشه با :hover در css میتونید انجام بدید. اگر میخواید همراه با فید عکسها عوض بشن از جی کوئری و ساختن یه فانکشتن کوچولو میتونید انجامش بدید. اگه توضیح بیشتری میخواید بگید تا یه آموزش مختصر بدم

اگه یه نمونه با جی کوئری بذارید ممنون میشم ..

تشکر

[meisam3322]

برای اینکار از css و background-image و possition تحقیق کنین. تصاویر normal و hover در یک فایل قرار بدین و با تغییر مقدار possition آیتم background-image تصویر رو تغییر بدین. میتونین در گوگل برای اطلاعات بیشتر از جمله CSS Sprite استفاده کنین

مثل این آدرس (http://www.w3schools.com/css/css_image_sprites.asp)