رفتن به مطلب
poroje

آمورش قرار دادن hover برای منو

پست های پیشنهاد شده

سلام دوستان
من برای منو جوملا عکس گذاشتم از قسمت تنظیمات منو
حالا میخوام برای هر منو یه عکس واسه بخش hover بذازم که وقتی با ماوس رو اون منو رفتیم عکس دوم نمایش بده چطور باید این کار و انجام بدم؟
ممنون

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درودبر شما

 

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

یعنی هر منو باید یه کلاس خاص داشته باشه و با استفاده از اون کلاس با بک گراند تو css بیایید عکس بذارید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درودبر شما

 

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

یعنی هر منو باید یه کلاس خاص داشته باشه و با استفاده از اون کلاس با بک گراند تو css بیایید عکس بذارید

 

دوست عزیز الان عکسی که گذاشتم در حالت عادی نمایش میده بصورت بک گراند گذاشتم اما واسه Hover نمیدونم عکس دوم کجا وارد کنم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درود بر شما

 

ادرس سایت قرار بدید تا منظورمو بهتر برسونم

www.irbazar.ir

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درود بر شما

 

این عکس ها بصورت تگ html قرار گرفته شده یعنی img

راهی که به نظر بنده میرسه اینکه باید با js تو رویداد onMouseOver یا حالا هر رویدادی مقدار src عکس رو عوض کنی

اگر یکم js بلد باشی فقط کافیه سرچ کنی

کلی مطلب میاره البته باید برای هر منو اون کد را تکرار کنید و با استفاده از data-id هر منو که یک عدد است به اون منو دسترسی پیدا کنی

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...