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

منتدى طانطان للبرمجة

كل ما يخص الحاسوب من مكونات ، صيانة ، لغات برمجة و تقنيات حديثة
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin



عدد المساهمات : 84
نقاط : 215
تاريخ التسجيل : 24/06/2010

ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها Empty
مُساهمةموضوع: ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها   ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها I_icon_minitimeالسبت فبراير 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://tantanpro.1fr1.net
 
ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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