إضافة بنر إعلاني يتغير عند تحميل الصفحة "

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


شرح الإضافة:
1 توجه إلى تصميم / إضافة أداة 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; وهي عدد الصور المستخدمة , فيتم تغييرها حسب الصور المراد إظهارها والمستخدمة في السكربت.