منتديات براء أونلاين
أهلا بك أيها الزائر أو الزائرة في منتديات براء أونلاين

نرجو منكم التسجيل والأنضمام الى موقنا
منتديات براء أونلاين
أهلا بك أيها الزائر أو الزائرة في منتديات براء أونلاين

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

منتديات براء أونلاين

 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
البراء جرجنازي
الأوسمة
الأوسمة
البراء جرجنازي


الأدارة وسام الأدارة
عدد المساهمات : 1910
نقاط : 5528
تاريخ التسجيل : 01/10/2010
العمر : 21
الموقع : حلب

ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها Empty
مُساهمةموضوع: ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها   ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها I_icon_minitimeالخميس سبتمبر 01, 2011 4:24 pm


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



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







طريقة التركيب


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://albraaonline.mam9.com/t1649-topic https://albraaonline.mam9.com
 
ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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