رفتن به مطلب

افکت تصویر شاخص


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

سلام

من قبل از اینکه قالب رو به وردپرس تبدیل کنم عکس تصویر شاخص رو داخل تگ img قرار داده بودم و به همون تگ کلاس داده بودم که وقتی ماوس روی عکس اومد تصویر گرد بشه

اما حالا که به وردپرس تبدیل کردم به جای تگ img از کد زیر برای نمایش تصویر شاخص استفاده کردم


<div class="img-post">
<?php NESTED_thumb_image('wp-thumb');?>
</div>

و این بار همون کلاسی که به تگ img داده بودم رو اومدم با درست کردن یک div اون کلاس رو به div دادم تا وقتی ماوس روی عکس اومد عکس گرد بشه

حالا الان مشکل اینجاس که وقتی ماوس روی عکس میاد فقط div گرد میشه و عکس هیچ تغییری نمیکنه

1406274558.jpg

چیکار کنم درست یشه؟

لینک به ارسال

سلام دوست عزیز

وقتی با تابع وردپرس تصویر رو میاری، توی نتیجه کار ببین چه ساختار html بوجود اومده. (توی مرورگر f12 بزن و قسمت مربوط رو پیدا کن)

یا آدرس آنلاین بزار تا چک کنیم.

اینی که شما میگی میزنه بیرون، بخاطر یک img داخل div ساخته شده ی شما هست که بعد از گرد شدن، اون گرد نمیشه.

حالا چیکار کنیم نزنه بیرون؟

مقدار زیر رو برای div داخل استال قرار بده:


overflow: hidden;

یه بار هم آزمایشی تابع فراخوانی تصویرت رو این بزار و یکبار نتیجه رو چک کن:


<?php if(has_post_thumbnail()) {the_post_thumbnail('wp-thumb');}?>

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...