طريقة وضع عدة صور كخلفية لمدونة البلوجر تتغير تلقائيا
من الممكن، كما هذه الصفحة، إضافة كود يجعل صور الخلفية لمدونة بلوجر تتغير دون تحديث الصفحة و يحل محل كل صورة بعد مدة معينة صورة آخرى و هكذا تتغير الخلفية من تلقاء نفسها في فترات منتظمة يمكن التحكم فيها .
وبالإضافة إلى ذلك، حجم الصورة يتوافق تلقائيا مع شاشة الزائر .
طريقة وضع الخلفية
1ـ لصق الكود التالي في أداة HTML / جافا سكريبت.
----------------------------------------------------------------------------------------------------------------------
<script language="JavaScript">var dia13Image = new Array();dia13Image[0] = 'http://3.bp.blogspot.com/-e755Y2UHo9c/T1993MX5mUI/AAAAAAAABNs/96-DFYHvzFI/s1600/fond%2Bneige%2B4.JPG';dia13Image[1] = 'http://4.bp.blogspot.com/-GYBlessfwRg/T1izGtdHMoI/AAAAAAAABNI/e5_DKDkjHGk/s1600/combi.JPG';dia13Image[2] = 'http://2.bp.blogspot.com/-mmvZbxMPwNk/T1-22cx3T0I/AAAAAAAABOg/xllcW6GUmcE/s1600/fond%2Bvert2.JPG';dia13Image[3] = 'http://2.bp.blogspot.com/-6Q9EXL7AKR4/T2BfTdYu-gI/AAAAAAAABOs/Kh0Tge36m6g/s1600/reverberes.JPG';dia13Image[4] = 'http://4.bp.blogspot.com/-VgF_aPV1Vu0/T2JbqO4zl3I/AAAAAAAABO4/A-Ey2JGxK3k/s1600/fond%2Btelephones.JPG';dia13Image[5] = 'http://3.bp.blogspot.com/-2jJ2TjFARIU/T2X0gd4egiI/AAAAAAAABP4/2bKc4krIB6M/s1600/fond%2Bparlement.JPG';dia13Image[6] = 'http://4.bp.blogspot.com/-UsqZcbWNxWA/T1-FnLNKFLI/AAAAAAAABOI/rkWsDb0dPkE/s1600/batavia2.JPG';dia13Image[7] = 'http://1.bp.blogspot.com/-d42ZGHMJ8yg/T2Xy9FwZfbI/AAAAAAAABPs/9lfP-ZIF6xo/s1600/fond%2Btrain.JPG';dia13Image[8] = 'http://1.bp.blogspot.com/-nhhSWideSpg/T2XyIHl5l7I/AAAAAAAABPg/UzrYwLzlCoM/s1600/fond%2Bverriere.JPG';dia13Image[9] = 'http://4.bp.blogspot.com/-AWXCwNSSRQQ/T2X5TwyBfnI/AAAAAAAABQQ/sWaK7JycFpw/s1600/fond%2Bferry.JPG';
var dia13compteur = parseInt(Math.random()*dia13Image.length);var dia13compteur2 = 0;var dia13defiler = 16;var dia13debut=1;function dia13defilement() {document.write('<img style="display:none;" border="0" name="dia13defil2" />');document.write('<img style="position:fixed; left: 0px; top:0px; z-index:-1;width: 100%;" name="dia13defil" />');dia13compteurmax();}function dia13compteurmax(){dia13intervalle = setTimeout("dia13compteurmax()",7000);if (dia13defiler == 16) dia13compteur++;if (dia13compteur == (dia13Image.length+1)) {dia13compteur = 1;};if (dia13debut==1) {document.dia13defil2.src = dia13Image[dia13compteur-1]};dia13debut=0;dia13compteur2=dia13compteur+1;if (dia13compteur2 == (dia13Image.length+1)) {dia13compteur2 = 1;};document.dia13defil2.src = dia13Image[dia13compteur2-1];document.dia13defil.src = dia13Image[dia13compteur-1];}</script><center><script language="javascript">dia13defilement()</script></center><br/>
-----------------------------------------------------------------------------------------
يمكنك تغيير عناوين الصور بعد هذا الكود الى صور من اختارك .
dia13Image[0] =
ويفضل استخدام صور JPEG أصغر من 150 كيلو بايت.
لتغيير مدة عرض كل صورة، قم بتغير الرقم 7000 مدة اجزاء الثانية الموجود بهذا الكود setTimeout("dia13compteurmax()",7000);.
