EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

طريقة حصرية لإضافة وسم 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>

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

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

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية