السلام عليكم ورحمة الله وبركاته ...

الكود اليوم هو Js جافا سكربت ..نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي , طبعاً اللي راح نشرحه اليوم , هو طريقة تلوين الصوره عند مرور الماوس بها ...
مثل ماهو موجود هنا .

أول شئ ... الكود , تضعه في الـ head بالصفحة بين <head> و </head> :
كود PHP:
<SCRIPT language="JavaScript1.2"
<!-- 
Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development 
function makevisible(cur,which){ 
strength=(which==0)? 0.2 
if (cur.style.MozOpacity
cur.style.MozOpacity=strength 
else if (cur.filters
cur.filters.alpha.opacity=strength*100 

// --> 
</SCRIPT> 



بعد وضع الكود في صفحتك ... قم بالذهاب لصورتك , والتي غالباً سيكون الكود الخاص بها هكذا :
كود PHP:
<img src="http://phpx3.com/images/center.gif" border="0"

ثم قم بعد ذلك بوضع هذا الكود داخل وسم الصوره :
كود PHP:
style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" 

ليصبح كود صورتك هكذا :

كود PHP:
<img src="http://phpx3.com" border="0" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"



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