درخواست افزونه برای نمایش پشت لباس هنگام هاور موس

[nakhosoozan]

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

[YasinDesign]

سلام

این روشی که گفتم روی همه مطالب هست

البته میشه فقط بعضی مطالب بشه که هر باید باید یک کد توی css اضافه کنید

[nakhosoozan]

ممنونم از راهنمایی تون. اگه کد نویسی بلد بودم فکر نمیکنم الان اینجا وقت بقیه رو میگرفتم...

[sajjad salehi]

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

بعد
مرحله ی اول
این کد رو به بالای مطلبت اضافه کن .

کد: (انتخاب همه)

{source}
<style>
    #sa-pic {
        /* آدرس عکسهای مختلف . اگه فقط یه عکس داری غیر کد اول بقیه رو پاک کن */
        background-image: url('../images/aks1.png'),url('../images/aks2.png'),url('../images/aks3.png'), url('../images/header.jpg');
        /* موقعیت عکسهای مختلف .اگه فقط یه عکس داری غیر کد اول بقیه رو پاک کن .مکان قرار گیری تضاویر رو طبق نیاز تغییر بده . اگه فقط یه عکس هست کلن این خط رو پاک کن  */
  background-position: 815px 9px,202px 10px,16px 9px, 0 0;
  background-repeat: no-repeat;
    }  
     #sa-pic::hover {
        /* آدرس عکسهای مختلف اگه فقط یه عکس داری غیر کد اول بقیه رو پاک کن */
        background-image: url('../images/aks1.png'),url('../images/aks2.png'),url('../images/aks3.png'), url('../images/header.jpg');
        /* موقعیت عکسهای مختلف اگه فقط یه عکس داری غیر کد اول بقیه رو پاک کن */
  background-position: 815px 9px,202px 10px,16px 9px, 0 0;
  background-repeat: no-repeat;
    }  
    
</style>
{/source}

مرحله ی دوم قسمتی از مطلبت که میخوای عکس داخلش نمایش داده بشه داخل

کد: (انتخاب همه)

<div class="sa-pic" id="sa-pic" > /* مطلبت اینجا */ </div>

باید نشانی هر دو تا عکس ور داشته باشی در هر مطلب بعد از کپی کردن این کدها نشانی عکسها ور جایگذاری کنی .
اگه خواستی از کلاس استفاده کنی باید .sa-pic بزنی و اگه خواستی از شناسه با همون id استفاده کنی #sa-pic

[nakhosoozan]

من از توضیحات شما چیزی نفهمیدم. لینک عکس ها رو عوض کردم با سورسر وارد مطلبم کردم هیچ اتفاقی نیفتاد

[sajjad salehi]

میشه کد css رو که استفاده کردی بذاری اینجا ؟ اگه فقط یک عکس داری به background-position احتیاجی نیست و پاکش کن .
مطلب مورد نظرت رو متونی بین هر تگ مثلا h1 بگذاری بعد جلوش بنویسی

کد: (انتخاب همه)

id="sa-pic"

یا این کد با دایو

کد: (انتخاب همه)

<id="sa-pic" > /* مطلبت اینجا */ </div>

شما این کد کافیه براتون

کد: (انتخاب همه)

{source}
<style>
     #sa-pic {
        background-image: url('../images/aks1.png');
   background-repeat: no-repeat;
     }  
      #sa-pic::hover {
        background-image: url('../images/aksposht.png');
         background-repeat: no-repeat;
     }  
    
</style>
{/source}

[YasinDesign]

دوست عزیز اینجوری فقط یک تصویر نمایش داده میشه

همون راه اولی که من گفتم درسته
اگر خواستن میتونن دموی سایت + دسترسی هاست را برام پ خ کنن تا براشون درست کنم

البته 1 تا 2 روز زمان میخوام چون کار خیلی تو دستم دارم

[sajjad salehi]

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

[nakhosoozan]

یه جوری حرف بزنید منم بفهمم

[nakhosoozan]

خودم تونستم انجامش بدم. من این افزونه رو داشتم و خودم خبر نداشتم! ویرایشگر JCE قابلیت Rollover رو داره و با چند تا کلیک تنظیم میشه.