المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تطبيقات الجافا سكربت - 1 - تأثير إنعكاس الصور reflection effect


abohmam
23-03-2010, 09:35 PM
.
:slaam:

حياكم الله جميعا

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

تطبيقات الجافا سكربت الرائعة - 1 - تأثير إنعكاس الصور Image reflection effect

http://hem.mac.se/niklasbrunberg/graphics/internet-explorer-icon.png
يعمل هذا التأثير على الإكسبلورار 5 وأعلى Internet explorer

http://img691.imageshack.us/img691/5995/reflliction.jpg

لمعاينة التأثير إضغط على الشعار

:abc4web: (http://www.abc4web.net/abc4web_java/abc4web.java.reflliction/abc4web_reflection.htm)

وهو تأثير سهل جدا سيتم بخطوة واحدة وهي إضافى هذا الكود فى جسم الصفحة <body>
مع تغير إسم ومسار الصورة abc4web_splash_1.png


<!--من هنا تختار الصورة التى تريد اضافة التأثير عليها-->

<a href="http://www.abc4web.net" target="_blank">
<img border="0" id="reflect" src= "abc4web_splash_1.png"></a>
<br>
<script language="JavaScript1.2">
/*
reflection image
abohmam
www.abc4web.net
*/
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrengt h=30) blur() flipv()">')
window.onload=f1
}

</script>


لتحميل المثال من المرفقات

:at:

ونذكر الجميع بحفظ الحقوق
فالله هو الرقيب علينا جميعا

أتمنى أن تتم الفائدة من هذا التأثير

ولاتنسونا من صالح دعائكم
.
أبوهمام
.

محمود عفيفى
23-03-2010, 10:13 PM
جزاك الله خيرا أخى أبوهمام على هذا الدرس الجميل
جارى التطبيق إن شاء الله وننتظر المزيد :abc_022:

abohmam
23-03-2010, 11:49 PM
حياك أخى محمود

موفق بإذن الله ... لك مني أجمل تحية .

الدمشقي
24-03-2010, 01:05 AM
تأثير رائع

شــــ لك ــــكراً أخي أبو همام

وجزاك الله خيراً

:abc_138:

محمود عفيفى
24-03-2010, 11:24 AM
جزاك الله خيرا أخى أبوهمام
تطبيقى من هنا
(http://docma7moud.0fees.net/vb/abc4web_java/java.reflliction/java.reflliction.html)

abohmam
24-03-2010, 12:26 PM
بارك الله فيك أخى محمود

التطبيق رائع ماشاء الله

أعتقد ان هناك مسافة بين الصورة والإنعكاس
يمكنك توسيط الجميع بين الوسمين
<center> ............. </center>
لأنى أرى انك قمت بتوسيط الصورة
وتوسيط الإنعكاس بشكل منفصل .

أبو يوسف
24-03-2010, 02:56 PM
جزاك الله خيرا أخي أبو همام وبارك الله فيك

ذوالجناح
01-05-2010, 08:44 AM
جاري التحميل والتطبيق إن شاء الله تعالى.
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

فلسطيني
01-05-2010, 10:24 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ذوالجناح
01-05-2010, 01:34 PM
هذا تطبيقي أرجو وضع الملاحظات عليه:

http://www.fileden.com/files/2010/3/19/2798227/Image%20reflection%20effect.zip

abohmam
21-05-2010, 01:29 AM
بارك الله فيكم جميعا

أشكر لكم مروركم وتواصلكم الجاد

التطبيق رائع أخى ذا الجناح ماشاء الله

بالتوفيق فى القادم إن شاء الله

الهمام
22-06-2010, 11:41 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

المبدع مول
25-07-2010, 11:32 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

نوكيا
17-08-2010, 10:55 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

abohmam
24-08-2010, 06:18 PM
موفقين جميعا أخى الهمام والمبدع مول والأخ نوكيا

لكم اجمل تحية على المرور والتواصل

جروح بارده
24-08-2010, 07:20 PM
بارك الله فيك

موفق بإذن الله لك مني أجمل تحية

المصمم
24-08-2010, 08:33 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ابراهيما
06-12-2010, 10:51 PM
merci infiniment