شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة
شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة


شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

هذا الدرس يتم عمله بالجافا عن طريق وضع صورتين

واحدة مظلمة و اخرى فاتحة و لكن ال Css وفر علينا كتير الله يخليه لينا نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

نبذة عن الدرس

عن طريق الدرس التالى سوف تقوم بجعل اى صورة شفافيتها قليلة

و عند المرور عليها تظهر واضحة 100% بسهولة تامة

مثال حى

http://www.almsmk.com/Dev/Css/Opacity.html

طريقة عمل الشرح

اولا تقوم بوضع هذا الاستايل فى وسم Head

كود PHP:
                            <style>
a.zero img {
filter:alpha(opacity=50);
-
moz-opacity0.5;
opacity0.5;
-
khtml-opacity0.5border0px solid;}
  
a.zero:hover img {
filter:alpha(opacity=100);
-
moz-opacity1.0;
opacity1.0;
-
khtml-opacity1.0border0px solid;}
</
style>
</
head
الآن الاستايل اسمه zero

ثم تضع كلاس الاستايل فى اى كود خاص بك

هكذا

لاحظ الكلاس اسمه zero

كود PHP:
<class="zero" href="http://www.almsmk.com"
كود PHP:
<img src="Zero.Gif" alt="Zero" /></a
و بعده كود الصورة العادى و جرب بنفسك و شوف

شرح الكود

Opacity

و هى نسبة الشفايفة يمكنك تغيير الرقم كما تريد و جرب التاثيرات بنفسك

الاكواد الكثيرة هى لكل متصفح واحد لفايرفوكس و اكسبلورر و ما الى ذلك

اى شىء غير واضح اتمنى تقولولى

اذا لم تستطيع كتابة الكود افتح صفحة ال Html الموجودة فى المثال و اضغط كليك يمين

ثم View Source

وشوف محتوى الاكواد و جربها بنفسك


شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة

شرح كيفية عمل تأثير وضوح الصور بمرور الماوس عليها بسهولة تامة