درود 
از آنجایی که استاد بزرگمون بیل گیتس می فرمایند : من سخت ترین کارها رو به تنبل ترین افراد میسپارم زیرا آنها ساده ترین راه را برای رسیدن به پاسخ پیدا میکنند . 
من هم به نوبه خودم تصمیم گرفتم بفهمم چجوری میشه به این مهم دست یافت و از اونجایی که بنده در سومین حرم اهل بیت یعنی شیراز زندگی میکنم خیلی سریع به نتیجه دلخواه رسیدم : دی  
حتما تو بعضی سایتها دیدید که تا موس روی یک تصویر میره رنگ اون تغییر میکنه یا تصویر با یک تصویر دیگه جایگزین میشه . خب اینکار نیازمند یادگیری دانش برنامه نویسیه ولی دوستان بزرگوار توسعه جوملا جهانی که احتمالا اونها هم یه ربطی به ما شیرازیها دارن این کار رو خیلی خیلی ساده کردن .  
بریم برسیم به آموزش : 
1- ابتدا باید ویرایشگر جوملاتون رو به JCE تغییر بدید که اینم لینک دانلودش : com_jce_226 دانلود ● آپلود سنتر انجمن جوملای ایران 
ادیتور رو نصب میکنید بعد از منوی سایت / تنظیمات کلی / ویرایشگر پیش فرض انتخابش میکنید . 
2- به مدیریت ماژولها برید و گزینه جدید رو بزنید و یک ماژول از نوع html سفارشی بسازید . 
[ATTACH=CONFIG]6061[/ATTACH] 
3- توی قسمتی که ویراشگر هست دکمه تصویر رو بزنید :  
[ATTACH=CONFIG]6062[/ATTACH] 
4- تصویرتون رو انتخاب کنید  
5- روی تصویر دکمه سمت راست موس رو بزنید و گزینه insert/edit image رو انتخاب کنید .  
[ATTACH=CONFIG]6063[/ATTACH] 
6- در صفحه ای که باز شد در سربرگ image که تصویر منتخب خودتون رو میبینید . برید با سربرگ rollever 
7- از پایین عکسی رو که میخواید با اومدن موس روی تصویر اول نشون بده رو انتخاب کنید  
[ATTACH=CONFIG]6064[/ATTACH] 
8- بدون اینکه ذخیره کنید به سربرگ image برگردید و از همون پایین تصویر اولتون رو دوباره انتخاب کنید و گزینه update رو بزنید . 
[ATTACH=CONFIG]6065[/ATTACH] 
کار تمام است . ماژول رو در موقعیت و صفحات دلخواه منتشر کنید و لذت ببرید .  
میتونید از این آموزش برای ساخت منوی تصویری هم استفاده کنید .  
موفق باشید و امیدوارم به دردتون خورده باشه