المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : لأول مرة !! ( شرح طريقة + كود code ) إضافة صورة عشوائية في الإستايل style ..!



salima
10-30-2013, بتوقيت غرينيتش 08:47 PM
http://www.dzbatna.com/images/icons/iconrote.gif ظ„ط£ظˆظ„ ظ…ط±ط© !! ( ط´ط±ط* + ظƒظˆط¯ ) ط¥ط¶ط§ظپط© طµظˆط±ط© ط¹ط´ظˆط§ط¦ظٹط© ظپظٹ ط§ظ„ط¥ط³طھط§ظٹظ„ ..! (http://www.dzbatna.com/t1082468/)



السلام عليكم

أخواني اقدم لكم شرح طريقة إضافة صورة عشوائية في الإستايل style تتغير مع التحديث update !

الكود code بحثت عنه طويلا و طلبته هنا , لكن لم اجد ردا http://www.dzbatna.com/images/smilies/cupidarrow.gif

ولكن اخيرا وجدته http://www.dzbatna.com/images/smilies/cupidarrow.gif

========

مميزات الكود code /

- إمكانية إضافة صورة في الإستايل style لإستايل style تتغير مع كل تحديث update
- إمكانية إضافة عدد لا نهائي من الصور المتغيرة العشوائية
- إمكانية جعل الصورة ( رابط ) مع عدمها

========

( الكود code - بدون رابط لكل صورة )

رمز PHP:

<code style="white-space:nowrap"> <code>
<script language="JavaScript"><!--

//Javascript Created by realmadrid4arabs.net

//store the quotations in arrays

images = new Array(4);

images&#91;0&#93; = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";

images&#91;1&#93; = "<img src='/vb/r-style/header/images/realmadrid.png' alt='ريال مدريد'>";

images&#91;2&#93; = "<img src='/vb/r-style/header/images/valencia.png' alt='فالنسيا'>";

images&#91;3&#93; = "<img src='/vb/r-style/header/images/chealsea.png' alt='تشلسي'>";


index = Math.floor(Math.random() * images.length);

document.write(images&#91;index&#93;);

//done

// --></script>
</code> </code>

شرح طريقة التغير ,,


http://www.realmadrid4arabs.net/upload/upload/wh_66335854.gif

1- عدد الصور

2- رقم الصورة

3- إسم الصورة tag

4- رابط الصورة




-- لإضافة صورة أخرى

اضف هذا السطر تحت سطر الصورة الأخيرة

رمز PHP:

<code style="white-space:nowrap"> <code> images&#91;0&#93; = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";
</code> </code>

مع مراعات تغير عدد الصور + رقم الصورة



( الكود code - رابط لكل صورة )

رمز PHP:

<code style="white-space:nowrap"> <code>
<script language="JavaScript"><!--

//Javascript Created by www.realmadrid4arabs.net

//store the quotations in arrays

images = new Array(4);

images&#91;0&#93; = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images&#91;1&#93; = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images&#91;2&#93; = "<a href = 'http://www.realmadrid4arabs.net'><img src=/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images&#91;3&#93; = "<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&#91;index&#93;);

//done

// --></script>
</code> </code>

والفرق فقط الرابط في الاول


( أمثلة )

اقتباس
http://www.sport-w.com/index.php

( صورة الفريق ) يوجد 13 صورة


اقتباس
www.realmadrid4arabs.net (http://www.realmadrid4arabs.net)

الصورة العريضة ,, يوجد 4 صور



الشرح طريقة حصري لتريدنت
و يرجى عدم النقل دون ذكر المصدر !






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى