Admin Admin
عدد المساهمات : 84 نقاط : 215 تاريخ التسجيل : 24/06/2010
| موضوع: ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها السبت فبراير 25, 2012 7:32 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>
| |
|