پارس جوم ::  انجمن های تخصصی جوملا
کدی مخصوص تصویر در جوملا - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: کدی مخصوص تصویر در جوملا (/thread-10062.html)



کدی مخصوص تصویر در جوملا - gamentech - ۱۱-۱۱-۱۳۹۱ ۱۰:۴۹ عصر

سلام دوستان
من می خوام تو جوملا برای تصاویری کاری کنم که وقتی ماوس رو روی تصویر می برم شکال تصویر عوض بشه.
مثلا تصویر در حالت عادی یک تصویری رو نشون بده و وقتی که ماوس رو روی اون می برم شکل دیگه ای رو نشون بده.
چطوری این کار رو می تونم بکنم؟


کدی مخصوص تصویر در جوملا - amirali - ۱۲-۱۱-۱۳۹۱ ۰۲:۳۴ صبح

وقتی تصویری رو می ذاری توی رویدادهاش حالت های مختلف هست می تونی از اونجا درسش کنی که مثلا وقتی موس روش رفت یا وقتی روش کلیک یا دابل کلیک کردی...


کدی مخصوص تصویر در جوملا - bbyk - ۱۵-۱۱-۱۳۹۱ ۰۸:۱۰ عصر

با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت
کد:
.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}
و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود
کد:
.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}



RE: کدی مخصوص تصویر در جوملا - gamentech - ۳-۱۲-۱۳۹۱ ۱۰:۲۶ عصر

(۱۵-۱۱-۱۳۹۱ ۰۸:۱۰ عصر)bbyk نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با سلام.
دوست عزیز شما باید این کار رو انجام بدید.
یه کلاس تعریف می کنید که در آن تصویر مورد نظر را قرار می دهید به این صورت
کد:
.test{
  background: url(../images/Icons/7.png);/*آدرس تصوير موردنظر*/
}
و این کلاس را به عنصری که می خواهید نسبت دهید
و این کد هم قرار بدهید تا وقتی ماوس روی عنصر مورد نظر می رود تصویرش عوض شود
کد:
.test:hover{
  background: url(../images/Icons/7.png);/*آدرس تصويري که مي خواهيد با رفتن موس روي آن ديده شود*/
}
این کد ها رو تو ادیتور بزارم؟