بواسطة هذا الكود يمكنك عمل بانر أو إعلان أو تضيف صورك بعدة صور مختلفة تظهر بالتناوب , و تستطيع بواسطة الكود تغيير عدد الصور حسب رغبتك و التحكم بسرعتها و يمكنك تركيب الإضافة أينما تشاء .
معاينة
أولا : انسخ هذا الكود و ضعه في القالب أو إضافة أداة أو في موضوع .
<script language="JavaScript1.2">
/* http://www.elahmad.com */
function reapply(){
setTimeout("slideit()",2000);
return true;
}
window.onerror=reapply;
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image();
image1.src="/java/1.gif"; // ضع هنا عنوان الصورة الأولى
var image2=new Image();
image2.src="/java/2.gif"; // عنوان الصورة الثانية
var image3=new Image();
image3.src="/java/3.gif"; // عنوان الصورة الثالثة
//-->
</script>
<a href="javascript: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>
ملاحظة : 1. يجب تغيير الحقول باللون الأحمر إلى مسار الصور و الأرقام تتغير فقط مع إضافة صور أخرى جديدة بالترتيب , حيث يمكنك إضافة الكود بالأسفل مباشرة أسفل مسار الصورة الثالثة , وهكذا .
var image4=new Image();
image4.src="/java/3.gif"; // عنوان الصورة الثالثة
2. الحقل باللون الأزرق مقابل كلمة imag تغير عدد الصور , أما مقابل
كلمة speed تغير السرعة حسب رغبتك .
3. الحقل باللون البرتقالي هو تغيير رابط الصورة عند الضغط عليها .
ثانيا : إفتح قالب المدونة و ابحث عن هذا الكود
مواضيع ذات صلة :
ثانيا : إفتح قالب المدونة و ابحث عن هذا الكود
واستبدله بهذا الكود<body>
<body onLoad="slideit()">
مبارك عليكم الإضافة
ثلاثة بنرات تتبدل بشكل جميل
الأقسام: الصور
.jpg)
مشكور
ردحذف