تغییر تصویر

[rash44]

سلام
من 1 تصویر توی صفحه دارم می خوام زمانی که موس روی اون رفت عکس تغییر کنه و 1 تصویر دیگه نماش داده بشه
لطفا راهنمائی کنید
ممنون

[shamsoft]

می تونید مثلا تصویر رو background-image یه div بگذارید. بعد با div:hover می تونید background-image رو تغییر بدید. البته ie6 اینو ساپورت نمی کنه. اگه به ie6 نیاز هست باید از onmouseover و این جور رویدادها استفاده کنید.

.changeImage {background: url(image.gif); width: 200px; height: 200px;}
.changeImage:hover {background: url(image2.gif);}

[rash44]

می تونید مثلا تصویر رو background-image یه div بگذارید. بعد با div:hover می تونید background-image رو تغییر بدید. البته ie6 اینو ساپورت نمی کنه. اگه به ie6 نیاز هست باید از onmouseover و این جور رویدادها استفاده کنید.

.changeImage {background: url(image.gif); width: 200px; height: 200px;}
.changeImage:hover {background: url(image2.gif);}

سلام
می خوام با رویداد onmouseover این کارو انجام بدم

خودم اومدم روی تصویر مورد نظر 1 div گذاشتم و توی اون div 1 تصویر دیگه قرار دادم
تصویر دوم رو بصورت پیش فرض مخفی کردم
زمانی که عکس اول onmouseover میشد تصویر دومی نمایش داده میشد
دیگه نتونستم تصویر اول رو زمان که موس از روی عکس برداشته میشه مجددا نمایش بدم

[silverfox]

با لود صفحه(هد)2تا عکس رو لود می کنی


<script language ="javascript" type="text/javascript">
<!--
img1 = new Image
img2 = new Image

img1.src = "images/1.jpg"
img2.src = "images/2.jpg"
-->
</script>
و


<a onmouseover="document.img.src = img1.src"; onmouseout="document.img.src = img2.src">
<img src="images/2.jpg" name="img"/>
</a>