طريقة حصرية لإضافة وسم Alt لجميع الصور بشكل تلقائي

كيف حالكم إخواني أتمنى أن تكونوا في تمام الصحة والعافية

اليوم إن شاء الله سأقدم لكم طريقة حصرية وجديدة لإضافة وسم Alt لجميع صور المدونة بشكل تلقائي

أولا قبل البدئ يرجى مراجعة هذه التدوينة لمن لا يعرف معنى وسم Alt للصور

أهمية وطريقة إضافة وسم Alt للصور في مواضيع المدونة

وذالك لمعرفة تفاصيل أكثر حول وسم أهمية Alt للصور وضرورة إضافته

طريقة حصرية لإضافة وسم Alt لجميع الصور بشكل تلقائي

وفي هذا الموضوع سنعتمد طريقة جديدة وحصرية لإضافة وسم Alt للصور بشكل تلقائي

هذا الأخير يعتمد على إسم الصورة قبل تحميلها للموضوع

يعني لو كان إسم الصورة قبل رفعها للموضوع هو "مدونة عربية" سيكون وسم الصورة الذي سينشئ تلقائيا هو نفسه إسم الصورة لذالك وجب عليك قبل رفع الصور إعطائها إسم يعبر عن محتوى الموضوع هذا ما كان

والآن سوف أشرح لكم كيفية عمل ذالك

قم بالبحث في القالب عن وسم </body>

ثم قبله ضع هذا الكود

<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
<script type='text/javascript'>
// Add Real ALT & TITLE Tags On All Images v1.0
// Code Shared By @www.exeideas.com
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>