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

مشاهدة النسخة كاملة : 10 من أفضل تأثيراث جافا سكربت للتلاعب بالصور



GeeK4aRaB
09-09-2009, 05:29 AM
الجافا سكربت هي عالم كبير بلا شك! فهو ليس له حدود وكل يوم تجد تأثيراث جديدة للصفحة لم تكن لتتصور أنها ستعمل… في هذا المقال طرحنـا 10 من أفضل تأثيراث جافا سكربت للتلاعب بالصور..التي تستطيع دمجهـا بسهولة مع موقعك, وتجعل طريقة عرضك للصور مميزة…
Reflex.js (http://reflex.netzgesta.de/)
الجافا سكربت هذه تسمح لك بإضافة تأثير انعكاس للصورة للأسفل على أي صورة بصفحتك. تستطيع أيضا تعديل زوايا الصورة والجوانب. النتيجة ستكون مثل :
http://www.geek4arab.com/vb/imgcache/2/6126_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6127_geek4arab.com.jpg
Curl.js (http://www.netzgesta.de/curl/)
هذا كود جافاسكربت جميل لإضافة طية لجانب الصورة وتعمل على أغلبية المتصفحات. يستطيع ايضاً عرض هذه الطية عند مرور الفأرة عليها. هذا مثال للكود:
http://www.geek4arab.com/vb/imgcache/2/6128_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6129_geek4arab.com.jpg
Edge.js (http://www.netzgesta.de/edge/)
هذا كود جافاسكربت يسمح لك بإضافة تقطيعات لحدود الصورة. مثال للسكربت:
http://www.geek4arab.com/vb/imgcache/2/6130_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/6131_geek4arab.com.jpg
Corner.js (http://www.netzgesta.de/corner/)
هذا السكربت يسمح لك بإضافة تأثير على جوانب الصورة ويجعلها دائرية, ويضيف ظلال على الصورة وغيرهـا.. هذا مثال لم يمكن أن يفعله هذا الكود:
http://www.geek4arab.com/vb/imgcache/2/6132_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6133_geek4arab.com.jpg
Slided.js (http://www.netzgesta.de/slided/)
تستطيع إضافة فريم لصورك بإستعمال هذا الكود في صفحاتك. أضنه سيكون مفيداً لبعض الأشخاص. هذا مثال حوله:
http://www.geek4arab.com/vb/imgcache/2/6134_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6135_geek4arab.com.jpg
Glossy.js (http://www.netzgesta.de/glossy/)
إضافة تأثير لمـاع (تلميع) على صورك لجعلهـا تبرز أكثر. هذا الجافاسكربت تسمح أيضا بجعل الجوانب دائرية. مثال عنه:
http://www.geek4arab.com/vb/imgcache/2/6136_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6137_geek4arab.com.jpg
Filmed.js (http://www.netzgesta.de/filmed/)
هذه الجافاسكربت تسمح لك بجعل الصورة على شكل شريط فيلم . مثال حوله:
http://www.geek4arab.com/vb/imgcache/2/6138_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6139_geek4arab.com.jpg
Loupe.js (http://www.netzgesta.de/loupe/)
هل أردت يومـاً إضافة مكبرة لصفحتك لكي تسمح لك بتكبير صورك. هذا السكربت يسمح لك بعمل ذالك وأكثر.. مثال حوله:
http://www.geek4arab.com/vb/imgcache/2/6140_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6141_geek4arab.com.jpg
Instant (http://www.netzgesta.de/instant/).js
هذا السكربت يسمح لك بإضافة إطار لصورك كأنها صور لحضية من كامرا. تستطيع إضافة إطار, إمالة وظلال لإعطاء صورك التأثير الذي طالمـا أردته:
http://www.geek4arab.com/vb/imgcache/2/6142_geek4arab.com.jpg
http://www.geek4arab.com/vb/imgcache/2/6143_geek4arab.com.jpg
Bevel.js (http://www.netzgesta.de/bevel/)
هذه الجافاسكربت تحتوي على الكثير من التأثيراث! فهي تسمح لك بإضافـة الحافات مع التوهج, التظليل وتلميع صورك. هذا مثال للجافاسكربت:
http://www.geek4arab.com/vb/imgcache/2/6144_geek4arab.com.jpg

http://file7azm.info/do.php?img=807