تغییر نحوه نمایش تصاوی بارگذاری نشده در صفحات وب.
تصاویر از مهمترین عناصر تشکیل دهنده صفحات وب هستند که می توانند تاثیر زیادی بر کیفیت محتوا داشته باشند.
در این مقاله می خواهیم که به نحوه استایل دهی به تصاویر گم شده یا تصاویری که به هر دلیل بارگذاری نشده اند می پردازیم.
همانطور که عنوان شد تصاویر بخش مهم و تاثیر گذاری در کیفیت محتوای صفحات وب دارند و همواره استفاده مناسب از تصاویر در بهبود کیفیت صفحات وب توصیه شده است
بهرحال باتوجه به اینکه محیط وب گاهی ممکن است دستخوش تغییراتی شود (مانند افت سرعت بارگذاری که مشکل رایجی خصوصا در کشورما است ) بهتر است که تدابری برای این چنین حالت ها اتخاذ گردد تا در صورتی که به هر دلیل تصویر بارگذاری نشد محتوای مناسبی به کاربر نمایش داده شود.
یکی از تدابیر احتمالی تعیین حاشیه و طول و عرض تصاویر میباشد تا در صورتی که بارگذاری نشوند محل ان مشخص باشد و کاربر اطلاع از وجود تصویر در آن محل داشته باشد همچنین با تخصیص خصوصیت ALT مربوط به عنصر تصویر مقدار متنی مربوط به تصویر را نیز به عصر تصویر اختصاص داد که این امر میتواند منجر به درک بهتر کاربر از ماهیت تصویر گردد در نهایت ممکن است خروجی عنصر چیزی شبیه به قطعه کد زیر باشد .
<img src='https://jcafe.ir/logo.png' height='78' width='75' alt='related text' />
مشکلی که هنوز پابرجا است این که مقدار خروجی هیچ فرمت مشخصی ندارد و همچنان با نمای ایده ال فاصله داره چیزی شبیه به سمت چپ تصویر مقاله میتوان با استایل دهی CSS به بهبود این حالت کمک کرد و نمای بهتری برای پیش نمایش تصویر مورد نظر ایجاد کرد . نمونه ای از این که که در سایت jCafe.ir نیز از همانند آن برای بهبود نمایش تصاویر بهره برده ایم را میتوانیداز طریق این رابط مشاهده کنید .
امیدوارم که این مطلب برای شما مفید بوده باشه
علی جنادله