ط§ظ„طµظˆط±ط© ط§ظ„ط´ظپط§ظپط© ( j a v a s c r i p t )


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

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








أولا و قبل كل شيء نشوف عن ماذا نتكلم في هذا الموضوع















اولا راح نطبق على ال html
نفتح عمل جديد بأي محرر نصوص
انا راح استعمل الفرونت بيج







ثم بين علامتي الهيد
نضع تعريف للجافا سكريبت script ونقفله
كما في الصورة






ثم نضع بينهما هذا الفنكشن

رمز Code:
[
strength=(which==0)? 1 : 0.2
if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
]


ليصبح هكذا






ثم نتوجه لرابط الصورة






و نضع بعد رابط الصورة هذا الكود code




 رمز Code:
style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"





لتصبح النتيجة هكذا





و انتهينا
احفظ الملف بامتداد html و شوف النتيجة















بالنسبة للذين يريدون عمل هذه الطريقة على سكريبت script
بلغة اخرى
راح نضع مثال على طريقة التركيب install في ستار فوورم








نفتح ملف f.asp مثلا
ثم نضع علامتي التعريف باللغة
في أي مكان في الصفحة






ثم نضع كود code الجافا سكريبت script بينهما







الأن نبحث عن المتغير الخاص بجلب صور المنتديات
من القاعدة
وهو الملون بالأحمر في الصورة ادناه






نضع بعد """


رمز Code:
style=""filter:alpha(opacity=20);-moz-opacity:0.2"" onMouseover=""makevisible(this,0)"& quot; onMouseout=""makevisible(this,1)"&q uot;


رمز Code:





و نحفظ الملف و نرفعه
النتيجة :















و الى اللقاء في موضوع اخر

تحياتي










©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©