کد تغیر ابعاد تصاویر برای سایت ها و وبلاگ ها

در مقدمه باید بگوییم این کد ابعاد اصلی عکس را تغیر نمیدهد و اندازه عکس بزرگ خواهد بود ولی شکل نمایش عکس با این کد در وبلاگ یا وبسایت شما کوچک میشود و در این صورت صفحه شما جهت نمایش عکسها زودتر بارگذاری میشود و کاربران برای مشاهده ابعاد اصلی میتوانند روی عکس های شما که به ابعاد کوچکتری شده اند کلیک کنند و ابعاد بزرگ و اصلی را ببینند و دانلود کنند..

<a href="http://up.upinja.com/3lpfy.jpg" target="_blank"><img class="aligncenter wp-image-19609" data-cfsrc="http://up.upinja.com/3lpfy.jpg" alt="تصاویر های وبلاگ" width="560" height="240" srcset="http://up.upinja.com/3lpfy.jpg 650w, http://up.upinja.com/3lpfy.jpg 680w" sizes="(max-width: 641px) 100vw, 641px" src="http://up.upinja.com/3lpfy.jpg" style="vertical-align: middle; border-style: solid; max-width: 560px; height: 240px; display: block; margin-left: auto; margin-right: auto; padding: 10px; border-width: 3px; border-color: rgb(255, 0, 0); border-radius: 5px;/>

توضیحات کدی که در

اختیار شما قرار داده ایم به این شرح است：در قسمت اول ادرس سایت اپلود سنتر یا فضای ابری ک عکس شما در انجا قرار دارد را میگذاریم.در قسمت(<"لینک"aherf>)  در قسمت دوم کلاس تعریف شده برای این کد کلاس img یا تصاویر است ک شما عکس خود را بعد از این کلاس قرار میدهید.در قسمت سوم.height و width طول و عرض ک میخواهیم عکس نمایش داده شود را مینویسیم.در قسمت چهارم ابعاد قاب های درو عکس دا به بالا تر از صد در صد قرار میدهیم.که ما در این کد ابعاد را روی 180درصد تنظیم کرده ایم..

نتیجه：سعی بر ان کرده ایم تا شما را با این کد اشنا سازیم و شما با اندکی دانش میتوانید خودتان به مهارت های بیشتر برسید...حق یارتان