شباب : مطلوب و عاجل بارك الله فيكم ( لمشروع تخرجى )

**eltawoos.com** · 03-01-2005

شباب
مطلوب ازرار جاهزة للمواقع بالفلاش او السويتش

او اعرف طريقة تجعل الماوس لما ييجى على الصورة تتحول لنفسها بس بلون اخر gif

كيف هذة الطريقة ؟؟

**hossam elkady** · 03-01-2005

بسم الله الرحمن الرحيم

اخي العزيز الطاووس
شوف هذا الموقع يمكن ينفعك فيه ملفات ازرار وغيرها مفتوحة http://www.swishiat.com/
وده كمان http://www.gwafi.com/swish2/index.php

وربنا يكرمك ان شاء الله

**eltawoos.com** · 03-01-2005

مشكووووووور كتير والله اخوى حسام لكن هل من طريقة لمعرفة
طريقة تجعل الماوس لما ييجى على الصورة تتحول لنفسها بس بلون اخر gif ؟؟؟

**hossam elkady** · 03-01-2005

بسم الله الرحمن الرحيم
موضوع الصورة ده بيكون بالجافا سكريبت بحيث انك تعمل صورتين باللونين اللي عايزهم واحده قبل وواحده عند الضغط
وبالكود سيتم التغيير بينهم
الاخ الفاضل زيزوار يجيبها لك وهو بيشرب الشاي ماشاء الله عليه
او ممكن تروح اي موقع جافا بس ياريت اجنبي وهتلاقي الحركة دي ان شاء الله دور في جوجل تحت اسم java script
وهتلاقي مواقع اكواد جافا سكربت دور في مؤثرات الصورimages

على فكرة الحركة دي في الفرونت بيدج اكس بي على ما أظن

وان شاء الله بكرة الصبح ادور لك على الكود واحطه لك بعون الله تعالى

وفقنا الله وإياك إلى مايحبه ويرضاه

**abo soude** · 03-01-2005

الـ DHTML هنا تعلب دور ...
عن طريق الفرونت بيج ...

**b happy** · 03-01-2005

حبيبي الطاووس

هذي ممكن تسوها بهوله بالفوتوشوب و تحديدا اميج ريدي ابحث في قسم التصميم عن درس ال Rollover شرحه الأخ ملك الفوتوشوب على ما ما اذكر و مشروع موفق حبيبي و اي شي انا حاظر

بالتوفيق

**صُهيب** · 03-01-2005

اخوي العزيز
سهله جدا بالفرونت بيج ..
توجه الى (إدراج) ثم (زر تبادلي) واختر الشكل الي يناسبك
مليون لون وشكل والسكربت جاهز
وهذا واحد

كود:

<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonF.jpg',/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button10.jpg')">

<p>
<img border="0" id="img1" src="file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonE.jpg" height="20" width="100" alt="نص الزر" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonF.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonE.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/button10.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary%20Internet%20Files/FrontPageTempDir/buttonF.jpg')" fp-style="fp-btn: Corporate 6" fp-title="نص الزر"></p>

طبعا لو تلاحظ مكتوب

'file:///C:/Documents%20and%20Settings/Sky/Local%20Settings/Temporary

وهذا خاص بجهازي ..
اكن اذا سويته بنفسك بالفرونت بيج بيجي بامتداد جهازك وهذا على مااعتقد امتداد الصورة المطلوبة

موفق ان شاء الله

**isader.com** · 03-01-2005

الطريقه سهله أخي و ما تحتاج لا فرونت بيج و لا غيره..!
كله سطر كود واحد و مشكلتك تكون محلوله..

تفضل...

كود:

<a href="mainjs.html" onMouseOver="document.pic.src='Images/k_w_2.jpg'" onMouseOut="document.pic.src='Images/k_w_1.jpg'"> <img src="images/k_w_1.jpg" name="pic" border="0" alt="X Web Dezign Keyboard"></a>

ملاحظات:

- mainjs.html هو عباره عن عنوان الملف اللي رح يروح عليه الزر بحال تم الضغط عليه..
- pic هو اسم الصوره المستخدم في هذه الحاله..
- Images/k_w_1.jpg هو عنوان الصوره (الأصليه) اللي رح تكون موجوده اول ما تفتح الصفحه..
- Images/k_w_2.jpg هو عنوان الصوره (الثانيه) التي ستظهر عند مرور الماوس فوق الصوره (الأصليه)..
- الصورتين يجب أن يكونوا بنفس المقاييس (الطول و العرض).. و هذه مهمه..و الا صفحتك ستبدأ "بالرقص" عندما تمرر الماوس فوق الصوره!!

طبعاً اللي طريقة عمل هذا السكريبت هي التاليه:
اول ما تفتح الصفحه... رح تلاقي صوره (او زر اذا حبيت تسميه) موجوده ... أول ما تمرر الماوس فوقها... رح تتغير و تطلع الصوره الثانيه بدل منها...و هذا اللي نشوفه بالكود فوق..

onMouseOut="document.pic.src='Images/k_w_1.jpg' <<<< الصوره الأصليه
onMouseOver="document.pic.src='Images/k_w_2.jpg' <<< الصوره الثانيه

و انتهينا..

إذا حبيت تطلع على أمور أخرى عن نفس الموضوع.. يمكنك إنك تبحث في الجوجل عن ..
Image rollover using javascript

تمنياتي لك بالتوفيق في مشروعك...

و السلام ختام
عماد الصدر

**eltawoos.com** · 03-01-2005

مشكوريييييين حبايبى والله
جزاكم الله كل خير
لكنى فعلا كنت اريد الطريقة اللى نبهنى لها الأخ bhappy لكن يا اخى bhappy لما فتحت Image ready 8 cs مش لقيت فية rollover فماذا افعل ؟

**ابو راس** · 03-01-2005

اخوي برنامج xara webstyle يقوم بهذه العملية و هي تحويل الصور عن وضع الفارة عليها بكل سهولة
و هو طريقته انه يرتبط مع الفرنت بيج مبارشرة و يفضل تشتريه كامل لانه كبييير حجمه نظرا لوجود التملتز معاه....

الموضوع: شباب : مطلوب و عاجل بارك الله فيكم ( لمشروع تخرجى )

أدوات الموضوع

بحث في الموضوع

شباب : مطلوب و عاجل بارك الله فيكم ( لمشروع تخرجى )

المواضيع المتشابهه

عاجل بارك الله فيكم بخصوص ملف robots.txt

اريد حل عاجل ..بارك الله فيكم

[عاجل] ساعدوني بارك الله فيكم

مطلوب و عاجل (( هام جدا )) بارك الله فيكم

ضوابط المشاركة