بسم الله الرحمن الرحيم...

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


مزايا الطريقة:

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

العيوب:

تأثيرات الجافا تظهر ببعض المتصفحات فقط أهمها الإنترنت إكسبلورر ولا تظهر بالمتصفحات الأخرى كالفاير فوكس وتظهر فقط كإعلانات متتالية بدون تأثير الـ (Fading)

================


شرح التطبيق:

من لوحة تحكم منتداك..

LOOK & FEEL >> Edit Board Header & Footer Wrapper

ابحث عن:

كود PHP:
<head


أضف أسفله:
كود PHP:
 <script language="Javascript1.2">
 
 
/*
 Blending Image Slide Show Script-
 © Dynamic Drive (www.dynamicdrive.com)
 For full source code, installation instructions,
 100's more DHTML scripts, and Terms Of
 Use, visit dynamicdrive.com
 * Visit http://www.star28.com/ for more code
 * Translated By http://www.star28.com/
 */
 
function reapply(){
 
setTimeout("slideit()",2000);
 return 
true;
 }
 
window.onerror=reapply;
 
</script>
 <script language="Javascript1.1">
 <!--
 var image1=new Image();
 image1.src="1.gif"; // ضع هنا عنوان الصورة الأولى
 var image2=new Image(); 
 image2.src="2.gif"; // عنوان الصورة الثانية
 var image3=new Image();
 image3.src="3.gif"; // عنوان الصورة الثالثة
 //-->
 </script> 
</strong>

وابحث عن:

كود PHP:
<body


واستبدلها بـ:

كود PHP:
 <body onload="slideit()"


وابحث عن:

كود PHP:
<% MEMBER BAR %> 


وأضف أعلاه (أو أسفله كما تشاء):
كود PHP:
<a href="java script:slidelink()" onmouseover="window.status='اضغط على الصورة';return true" onmouseout="window.status=''">
 <
img src="firstimage.gif" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
 <
script>
 <!--
 
////change number of images below // يمكنك تغيير عدد الصور و لا تنسى تعديل السطور التي في الرأس و الروابط
 
var number_of_images=3// يمكنك تغيير عدد الصور المراد عرضها من هنا
 //change speed below (in seconds) // يمكنك تغيير السرعة أيضاً
 
var speed=4// الفارق بين كل صورة بالثواني
 
var step=1;
 var 
whichimage=1;
 function 
slideit(){
 if (!
document.images)
 return;
 if (
document.all)
 
slide.filters.blendTrans.apply();
 
document.images.slide.src=eval("image"+step+".src");
 if (
document.all)
 
slide.filters.blendTrans.play();
 
whichimage=step;
 if (
step<number_of_images)
 
step++;
 else
 
step=1;
 if (
document.all)
 
setTimeout("slideit()",speed*1000+3000);
 else
 
setTimeout("slideit()",speed*1000);
 }
 function 
slidelink(){
 if (
whichimage==1)
 
window.location="http://www.google.com"// غير للذي يناسب الصورة الأولى
 
else if (whichimage==2)
 
window.location="http://www.msn.com"// غير للذي يناسب الصورة الثانية
 
else if (whichimage==3)
 
window.location="http://www.yahoo.com"// غير للذي يناسب الصورة الثالثة
 
}
 
//-->
 
</script> 
</strong>
====
شرح طريقة تركيب الأكواد لنسخة الجيل الثالث ====

من لوحة تحكم منتداك: Look & Feel >> Manage Templates & CSS >> Templates >> globalTemplate

ابحث عن:

كود PHP:
<head


أضف أسفلها
كود PHP:
<script language="Javascript1.2">
 
 
/*
 Blending Image Slide Show Script-
 © Dynamic Drive (www.dynamicdrive.com)
 For full source code, installation instructions,
 100's more DHTML scripts, and Terms Of
 Use, visit dynamicdrive.com
 * Visit http://www.star28.com/ for more code
 * Translated By http://www.star28.com/
 */
 
function reapply(){
 
setTimeout("slideit()",2000);
 return 
true;
 }
 
window.onerror=reapply;
 
</script>
 <script language="Javascript1.1">
 <!--
 var image1=new Image();
 image1.src="1.gif"; // ضع هنا عنوان الصورة الأولى
 var image2=new Image(); 
 image2.src="2.gif"; // عنوان الصورة الثانية
 var image3=new Image();
 image3.src="3.gif"; // عنوان الصورة الثالثة
 //-->
 </script> 
</strong>
وابحث عن:

<body id='ipboard_body'>

استبدلها بـ:

كود PHP:
<body id='ipboard_body' onload="slideit()"


وابحث عن:

كود PHP:
<div id='content' class='clear'


أضف أعلاه
كود PHP:
 <a href="java script:slidelink()" onmouseover="window.status='اضغط على الصورة';return true" onmouseout="window.status=''">
 <
img src="firstimage.gif" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
 <
script>
 <!--
 
////change number of images below // يمكنك تغيير عدد الصور و لا تنسى تعديل السطور التي في الرأس و الروابط
 
var number_of_images=3// يمكنك تغيير عدد الصور المراد عرضها من هنا
 //change speed below (in seconds) // يمكنك تغيير السرعة أيضاً
 
var speed=4// الفارق بين كل صورة بالثواني
 
var step=1;
 var 
whichimage=1;
 function 
slideit(){
 if (!
document.images)
 return;
 if (
document.all)
 
slide.filters.blendTrans.apply();
 
document.images.slide.src=eval("image"+step+".src");
 if (
document.all)
 
slide.filters.blendTrans.play();
 
whichimage=step;
 if (
step<number_of_images)
 
step++;
 else
 
step=1;
 if (
document.all)
 
setTimeout("slideit()",speed*1000+3000);
 else
 
setTimeout("slideit()",speed*1000);
 }
 function 
slidelink(){
 if (
whichimage==1)
 
window.location="http://www.google.com"// غير للذي يناسب الصورة الأولى
 
else if (whichimage==2)
 
window.location="http://www.msn.com"// غير للذي يناسب الصورة الثانية
 
else if (whichimage==3)
 
window.location="http://www.yahoo.com"// غير للذي يناسب الصورة الثالثة
 
}
 
//-->
 
</script> 

مع مراعاة تغيير روابط وعنواين وعدد الصور.. والفترة الزمنية بين كل صورة وتاليتها كما هو موضح بالاكواد...


(إنسخ الأكواد بالكامل بدون أي تعديل في اللغة)

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