jQuery

افزونه jQuery برای پس زمینه کامل!

تبلیغات
4 سوالی شهرداری
کانال تلگرام فتولیا

سلام

احتمالا تا به حال با مشکل پس زمینه بزرگ یا کوچک مواجه شده اید.یعنی یک عنصر مثل header با سایز متغییر دارید و برای آن یک عکس به عنوان پس زمینه قرار داده اید.حالا اگر وضوح صفحه نمایش کاربری بالا باشد،ممکن است تصویر شما را به صورت تکرار شده ببیند و اگر وضوح بیننده ای کم باشد،احتمالا بخش کوچکی از عکس را خواهد دید.حالا چه باید کرد؟

یکی از طراحان وب ایده جالبی ارائه داده است که مشکل را تا حدود زیادی حل می کند.بدین صورت که عکس شما چه از لحاظ طولی و چه عرضی،با توجه به وضوح صفحه نمایش و یا به عبارت بهتر با سایز مرورگر بیننده،تنظیم می شود تا در همه حال با کوچک و بزرگ کردن عکس،همواره کل عکس قابل مشاهده باشد.[امیدوارم توضیحم گیج کننده نباشد چون محشر توضیح دادم!]

برای این کار یک پلاگین کوچک برای jQuery نوشته شده است که به ترتیب زیر است:

و مقدار کمی کد CSS لازم است:

اگر می خواهید پس زمینه ثابت بماند،می توانید کد fullBg را به این شکل تغییر دهید:

در HTML به هر تگ img می توان یک id به خصوص ارائه داد.همچنین به یک div برای نگهداری محتویات نیازمندیم و بدون آن کد ما درست کار نخواهد کرد.به صورت ساده کدی مثل این لازم داریم:

برای فراخوانی تابع jQuery بایستی آن را به آخرین قسمت صفحه،یعنی درست قبل از تگ پایانی body،اضافه کنیم:

منبع

9 Comments

  1. دستتون بی بلا من خیلی به این امکان نیاز داشتم خیلی عالیه.
    یه چیزی سایز تصویر مهم نیست . برای مثلا رزولوشن های فول اچ دی چه رزولوشنی بزاریم بهتر جواب میگیریم

    1. سلام آقای بجانی عزیز

      خوبین ؟ متشکرم باعث افتخاره .با اجازه تون من هم لینک می کنم شما رو
      خوشحال تر میشم بازم سر بزنید به ما ^.^
      ارادتمندم

  2. بازتاب: افزونه jQuery برای پس زمینه کامل! | پرتال جامع و خودکار اسکریپت 24

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *