( شرح + كود ) إضافة صورة عشوائية في الإستايل ..!
السلام عليكم
أخواني اقدم لكم شرح إضافة صورة عشوائية في الإستايل تتغير مع التحديث !
========
مميزات الكود /
- إمكانية إضافة صورة في الإستايل لإستايل تتغير مع كل تحديث
- إمكانية إضافة عدد لا نهائي من الصور المتغيرة العشوائية
- إمكانية جعل الصورة ( رابط ) مع عدمها
========
( الكود - بدون رابط لكل صورة )
شرح التغير ,,كود PHP:<script language="JavaScript"><!--
//Javascript Created by realmadrid4arabs.net
//store the quotations in arrays
images = new Array(4);
images[0] = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";
images[1] = "<img src='/vb/r-style/header/images/realmadrid.png' alt='ريال مدريد'>";
images[2] = "<img src='/vb/r-style/header/images/valencia.png' alt='فالنسيا'>";
images[3] = "<img src='/vb/r-style/header/images/chealsea.png' alt='تشلسي'>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script>
1- عدد الصور
2- رقم الصورة
3- إسم الصورة tag
4- رابط الصورة
-- لإضافة صورة أخرى
اضف هذا السطر تحت سطر الصورة الأخيرة
مع مراعات تغير عدد الصور + رقم الصورةكود PHP:images[0] = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";
( الكود - رابط لكل صورة )
والفرق فقط الرابط في الاولكود PHP://Javascript Created by www.realmadrid4arabs.net
//store the quotations in arrays
images = new Array(4);
images[0] = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";
images[1] = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";
images[2] = "<a href = 'http://www.realmadrid4arabs.net'><img src=/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";
images[3] = "<a href = http://'www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script>
( أمثلة )
أتمنى أن الفائدة للجميع
منقول
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة طارق
مواقع النشر (المفضلة)