اضافة بنر يتغير في كل مرة يتم تحميل الصفحة - بلوجر

اضافة بنر يتغير في كل مرة يتم تحميل الصفحة - بلوجر

هذا الموضوع يبين لك طريقة إضافة بنر إعلاني متغير , بحيث يتغير في كل مرة يتم فيها تحميل الصفحة اوتوماتيكيا.

شرح الإضافة:

 توجه إلى تصميم / إضافة أداة HTML/JavaScript 

ثم ألصق السكربت التالي :

<script type="text/javascript">

image0="http://www.w3schools.com/banners/w3schools.gif";

href0="/default.asp";

alt0="W3Schools.com";

image1="http://www.w3schools.com/banners/rd_htmlref.jpg";

href1="http://www.w3schools.com/html/html_reference.asp";

alt1="HTML Reference";

image2="http://www.w3schools.com/banners/rd_xhtml.jpg";

href2="http://www.w3schools.com/xhtml/default.asp";

alt2="ASP Free";

len=3;

now=new Date();

now=now.getSeconds();

rnd=now%len;

image=eval("image"+rnd);

href=eval("href"+rnd);

alt=eval("alt"+rnd);

document.write("<a href='" + href + "'>");

document.write("<img src='" + image + "' alt='" + alt + "'></a>");

</script>

استبدل رابط الصورة بصورة أخرى .

وتستطيع إضافة أكثر من ثلاث صور 

اضف هذا الكود فوق len=3;

image3="http://www.w3schools.com/banners/rd_htmlref.jpg";

href1="http://www.w3schools.com/html/html_reference.asp";

alt3="HTML Reference";

وإذا أردت اكثر من ذلك فقم بإضافة الكود عدة مرات , مع تغيير image3 إلى  image4 وimage5 وimage6 إلخ ... وتغيير alt3 إلى alt4 و alt5 وalt6 إلخ

وفي الأخير يتم تغيير قيمة  len=3; وهي عدد الصور المستخدمة , فيتم تغييرها حسب الصور المراد إظهارها والمستخدمة في السكربت.