سوال: تغییر عکس div [بایگانی]

elham366

جمعه 19 فروردین 1390, 20:00 عصر

سلام
من یه منو دارم که میخوام وقتی ماوس روی هر یک از آیتمهاش قرار میگیره عکس بک گراند یه دیوی که توی صفحه است عوض بشه. چه جوری میشه اینکار رو کرد؟ من خودم به این دیوه یه آی دی دادم و توی onmouseover هر آیتم یه فانکشن که مخصوص تغییر عکس هست رو فراخوانی کردم... مثلا برای آیتم صفحه اصلی نوشتم:

onmouseover="ChangeToHomePic();"

فانکشنه:
function ChangeToHomePic()
{
document.getElementById("Main").setAttribute("background","back2.jpg");
}
ولی کار نمیکنه! میشه کمک کنید؟

binyaft

جمعه 19 فروردین 1390, 21:39 عصر

document.getElementById("Main").setAttribute("background","back2.jpg");

background رو اشتباه نوشتید

alibabaei2

جمعه 19 فروردین 1390, 21:40 عصر

سلام

برای دیو مورد نظر این css رو بنویسید

div1:hover
{
;background-image:imagename
}

ateryad

شنبه 20 فروردین 1390, 12:55 عصر

اگر منو شما با لینک درست شده می توانید این کد رو بنویسید.

div1 a:hover
{
background-image: image address;
}

EMERTAT

شنبه 20 فروردین 1390, 13:04 عصر

اول تگ div ویژگی به نام back ground نداره

بعد اول باید اسکریپت در داخل تگ body قرار بگیره

و کد به این صورت هست

<html>
<head>
</head>
<body>
<div id="Main" onmouseover="a()"></div>
<script>
function a()
{
document.getElementById("Main").style.backgroundImage ="url(2.jpg)";
}
</script>
</body>
</html>

EMERTAT

شنبه 20 فروردین 1390, 13:22 عصر

یه راه حل دیگه هم استفاده از css هست

به این صورت
div#Main:hover
{
background-image:2.jpg;
}

ولی چون تگ div ، hover رو ساپورت نمی کنه

یه فایل به اسم htc هست که باید از سایت http://www.xs4all.nl/~peterned/ دانلود کنی

و کنار فابلت کپی کنی و دستور css زیر اضافه کنی به اولت کدت

body{
behavior:url("csshover.htc");
}

EMERTAT

شنبه 20 فروردین 1390, 13:27 عصر

اگه بگید برای چی می خوایت بهتر می تونم کمکتون کنم

elham366

شنبه 20 فروردین 1390, 18:38 عصر

document.getElementById("Main").setAttribute("background","back2.jpg");

background رو اشتباه نوشتید
:قهقهه: نه! اینجا اشتباه نوشتم...