تنظیم hover برای تغییر عکس

[Pr0grammer]

سلام...

برای یک posision می تونم توی css کد hover بنویسم که مثلا وقتی موس رو رفت ، رنگ پس زمینه ش عوض بشه...
اما فرض کنی یه ماژول از نوع HTML Custom دارم و توی یه عکس درج کردم. حالا می خوام کدی بنویسم که وقتی موس میره روی اون posision اون عکسی که توی اون موقعیت هست ، عوض بشه!

امیدوارم منورم رو درست منتقل کرده باشم، واضح تر اینه که من یه ماژول دارم که وقتی موس روش میره کدی نوشتم که پس زمینه ش سفید میشه...
اما از اونجایی که عکس من سفید هستش، در اون لحظه عکس اصلا دیده نمیشه، می خوام کاری کنم که موقع hover علاوه بر تغییر رنگ پس زمینه، اون عکس هم با عکس دیگه ای که با رنگ متفاوت هست ، عوض بشه...

ممنون میشم راهنماییم بفرمایید.

[RezaDesign]

برای این منظور نیاز به دانش بیشتری دارید چون اگر در خود سی اس اس چنین چیزی تعبیه کنید کلیه ماژول های دستی شما این خاصیت رو فراخوانی خواهند کرد
باید یک class module suffix رو بنویسید و در هنگان فراخوانی hover background image رو بدید

[Pr0grammer]

می تونم کلاس بنویسم... میشه لطفا در مورد hover background image توضیح بدید؟! من دقیقا خواسته م توضیح همین قسمت کار بود...

[RezaDesign]

شما نیاز به ایجاد یک div دارید که به شکل زیر عمل خواهیم کرد

<div id="featured-box-right"></div>

پس از ایجاد Div نیاز به ایجاد css مربوطه داریم که به این شکل عمل خواهیم کرد . دقت فرمایید هدف تغییر تصویر پس از عبور نشانگر موس می باشد

#featured-box-right {
    width: 300px;
    height: 150px;
    background-image: url('../images/box-featured-home-right-hover.png'); 
}

#featured-box-right:hover {
    background-image: url('../images/box-featured-home-right-hover1.png'); 
}

[Pr0grammer]

دوست عزیز، ضمن تشکر از شما ، باید عرض کنم که یا من بد توضیح دادم یا شما اشتباه متوجه شدید ؛ این کدی که شما زحمت کشیدید، برای اینه که عکس background یک ماژول رو عوض کنه!
اما کدی که من می خواستم این بود که وقتی hover اتفاق میفته ، عکسی که داخل خوده ماژول هست رو بتونم عوض کنم...
نمی دونم خوب رسوندم مطلب رو یا نه...
شاید هم اصلا این کار امکان پذیر نباشه و تنها راهش این باشه که یه عکس background براش تعریف کنم و وقتی hover میشه اونو تغییر بدم... یعنی همین کدی که شما نوشتید...

مرسی/

[RezaDesign]

شما ذهنتون رو معطوف به اون کردید و به همین خاطر توجه نکردید
این کد رو می تونید در تیبل بندی هم به کار ببرید