الويب العربي - ماهي الطريقة لوضع مجموعة صور تتغير تلقائيا كل ثانية

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

ماهي الطريقة لوضع مجموعة صور تتغير تلقائيا كل ثانية

السلام عليكم

يا شباب انا دورت عن اكواد سكربت جافا لعرض مجموعة صور تلقائيا بعد كل ثانيا وحصلت لكن ماعرفت اركبها

فياليت احد يشرح لنا الطريقة اذا يعرف

مثل هالموقع

http://www.7r.cc/

شوفوا هالموقع ... بتلقون بالمنتصف في صور تتغير تلقائيا بعد كل ثانية ..الا هي صور العاب

كيف اسوي مثله ؟

مع العلم ان هالكود حاطه بدل كلمة الموقع

ياليت احد فهم فكرتي

بأنتظاركم

السلام عليكم ورحمة الله وبركاته

مثلما تبينت حضرتك استاذي

هو كود جافا اسكربت مركب مكان كلمة الموقع
الكود يدوي لا يستمد صوره تلقائيا ولا شئ
وانما يتم وضع روابط الصور يدويا بالكود واعتماده وتغييره كل فترة

أطيب تحية

إقتباس:

اقتباس من مشاركة د.نجلاء نور الدين (المشاركة 668101)

وعليكم السلام ورحمة الله وبركاته

اهلين د. نجلاء

انا اقصد ان هالكود الجافا طريقة تركيبة صعبة شوي

لان هو مو كود واحد

اكثر من كود ..

مثلا يقول حط الكود في منطقة الفلانية وهالكود في المنطقة الفلانية ..بدون شرح بالصور

يعني اتمنى القي شرح ينطبق على انفنتي

وشاكر لك

هالكود عندي بس ما ادري وين حطيته فيه .. لكن بإمكانك انك تبحث عنه في هالموقع

http://www.dynamicdrive.com/

بتلاقي الكود وشرحه

بالتوفيق لك خيو

اعتذر لك ع الرد السريع لانشغالي

قمت بعون الله بتضبيط القالب ليوافق التركيب على مجلة انفنتي باضافة قالب جديد من لوحة التحكم ... حيث يمكنك وضعه في أي مكان سواء في الوسط او اليسار او اليمين .... ذلك لانه متمدد و ياخذ المساحة المتاحة بدون تشويه مهما كان حجم الصورة ....

1 -- حمل القالب من المرفقات وفك الضغط عنه ستجد بداخله ملف الكود code.txt و مجلد slide_images أيضاً ..
الصق الصور التي تريد ظهورها في عرض السلايدات دخل المجلد أعلاه لنفترض أنها 4صور ... بالاسماء jpg.1 و 2.gpg و 3.jpg و 4.N.jpg ........ jpg .... و يفضل اعادة تسمية اسماء ملفات الصور بالترقيم 1 2 3 4 .... كما سلف

2-- افتح ملف الكود للتعديل عليه بوضع اسماء الملفات أعلاه في أماكنها داخل الكود كما بالصورة التالية :

لاحظ مكان تعديل اسماء ملفات الصور التي ألصقناها في مجلد slide_images .... اذا ألصقنا مثلاً 10 صور سنضع 10 أسماء ملفات كما بالصورة أعلاه و 10 روابط أيضاً كل في مكانه ..

3 -- أحفظ التعديلات على ملف الكود .... ثم إرفع مجلد slide_images الذي و ضعنا فيه الصور الى مجلد infimages في رئيسية أنفنتي ...

4 -- الان افتح لوحة التحكم و من النماذج و القوالب >>> القوالب >>> إضافة قالب , ... ضف قالباً جديداً و سمه ما شئت و ضعه كما تريد في اليمين أو الوسط أو اليسار .... و في خانة محتوى القالب ضع محتوى ملف الكود الذي عدلنا عليه قبل قليل و الصقه في خانة محتوى القالب و احفظ التعديل.

الان أصبح القالب جاهزاً و يعرض الصور التي وضعتها في المجلد ...

دعواتكم لنا ...

السلام عليكم
اخى الحبيب karakas وفقك الله واسعدك
ماذكرته رائع ولكن وجدت كودا ووضعته بقالب بموقعى ولكن للاسف لايمكن وضع اكثر من صوره فهل من طريقه لوضع اكثر من بنر على ان يربط كل بنر برابط خاص ومستقل

إقتباس:

اقتباس من مشاركة بوابة مكة (المشاركة 668425)

أسعدك الله و عافاك و قوّاك أخي الحبيب بوابة مكة ....

أخي العزيز القالب الخاص بك نفس فكرة القالب الأول تقريباً .....

هو واضعلك ثلاث مساحات افتراضية لبانرات في القالب .... أنت تستطيع أن تزيدهم أو تنقصهم حسب رغبتك ...
أولاً لنفترض أنك تريد إظهار 5 بانرات تبادلية في القالب , ... عندئذ أنت ستضع 5 ملفات صور للبانرات ...

لذلك يجب عليك انشاء مجلد جديد و تسميته temp_banners ... و ضع فيه ملفات صور البانرات (على افتراض انها خمس ملفات) و اسماء تلك الملفات مثلاً 1. gif 2.gif 3.gif 4.gif 5.gif , ...
ثم ارفع المجلد temp_banners الذي وضعنا فيه البانرات الى مجلد banarat في رئيسية انفنتي ...

بعد ذلك افتح الملف المرفق و عدل على الكود باضافة اسماء الملفات التي وضعتها في مجلد البانرات temp_banners في الخطوة السابقة ... عدل فقط على المحتوبات التب باللون الأحمر كالتالي :

كود:

<script type="text/javascript">

var imgs1 = new Array("صورة الاعلان الاول","صورة الاعلان الثاني","صورة الاعلان الثالث");

var lnks1 = new Array("رابط الاعلان الاول","رابط الاعلان الثاني","رابط الاعلان الثالث");

var alt1 = new Array("نص الاعلان الثالث ","نص الاعلان الثاني","نص الاعلان الاول");

var currentAd1 = 0;

var imgCt1 = 3;

لاحظ الكود بعد التعديل ....... حيث اضفنا بانرين اضافيين ليصبح لدينا 5 بانرات بدلاً من 3

كود:

<script type="text/javascript">

var imgs1 = new Array("1.gif","2.gif","3.gif","4.gif","5.gif");

var lnks1 = new Array("http://www.makgate.com","http://www.google.com","http://www.yahoo.com","http://www.absar.com","http://www.rokn-infinity.com");

var alt1 = new Array("موقع ياهو ","موقع جوجل","بوابة مكة الالكترونية","موقع ما بعرف شو","موقع ركن انفنتي");

var currentAd1 = 0;

var imgCt1 = 5;

لاحظ الرقم خمسة بالاحمر و الذي عدلناه لنخبر السكربت أننا وضعنا خمس بانرات ..
اتبع نفس الخطوات و بنفس المنطق في اضافة و انقاص عدد البانرات

الآن و بعد كل ذلك اذهب الى لوحة التحكم و أضف قالب جديد و سمه ما شئت ... ثم الصق الكود الذي عدلنا فيه أعلاه في مربع محتوى القالب .... و اختر مكان القالب في الوسط ...
و احفظ التعديلات ...

و مبروك عليكم القالب الجميل ....

و لا تنسانا من دعوة صادقة من مشارف الكعبة المشرفة .....

اخى الحبيب karakas وفقك الله واسعدك
وجعلك ووالديك من عتقاءه فى هذا الشهر الفضيل
ابشر بدعوة فى بيته الحرام
فانتم ممن تسعون دوما لخدمة اخوتكم

إقتباس:

اقتباس من مشاركة karakas (المشاركة 668365)

هلا اخوي الكريم

جربت اسويها بس ماتضبط معي تطلع الصورة معك لكن يتغير الصور كل بين فترة وأخرى هذا اللي ماقدرت عليه
يالغالي

أخي karakas

العملية نجحت لكن هناك خلل عندما تضغط على الصورة لا تحولك للرابط
و شيئ آخر ألا يمكن تصغير حجم الصور التي تظهر مثلا مقياس مستطيل عادي
:cool: