البراء جرجنازي
الأوسمة
 وسام الأدارة
عدد المساهمات : 1910
نقاط : 5528
تاريخ التسجيل : 01/10/2010
العمر : 22
الموقع : حلب
 |  موضوع: ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها  الخميس سبتمبر 01, 2011 4:24 pm | |
|
ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD <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>
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا <body onLoad="slideit()">
3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و لا تنسى تعديل الروابط
<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>
| |
|
