10 من أفضل تأثيراث جافا سكربت للتلاعب بالصور

الجافا سكربت هي عالم كبير بلا شك! فهو ليس له حدود وكل يوم تجد تأثيراث جديدة للصفحة لم تكن لتتصور أنها ستعمل… في هذا المقال طرحنـا 10 من أفضل تأثيراث جافا سكربت للتلاعب بالصور..التي تستطيع دمجهـا بسهولة مع موقعك, وتجعل طريقة عرضك للصور مميزة…

Reflex.js

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

Reflex Image

Curl
Curl.js

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

Curl Image

Edge

Edge.js

هذا كود جافاسكربت يسمح لك بإضافة تقطيعات لحدود الصورة. مثال للسكربت:

Edge Image

Corner
Corner.js

هذا السكربت يسمح لك بإضافة تأثير على جوانب الصورة ويجعلها دائرية, ويضيف ظلال على الصورة وغيرهـا.. هذا مثال لم يمكن أن يفعله هذا الكود:

Corner Image

Slided
Slided.js

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

Slided Image

Glossy
Glossy.js

إضافة تأثير لمـاع (تلميع) على صورك لجعلهـا تبرز أكثر. هذا الجافاسكربت تسمح أيضا بجعل الجوانب دائرية. مثال عنه:

Glossy Image

Filmed
Filmed.js

هذه الجافاسكربت تسمح لك بجعل الصورة على شكل شريط فيلم . مثال حوله:

Filmed Image

Loupe
Loupe.js

هل أردت يومـاً إضافة مكبرة لصفحتك لكي تسمح لك بتكبير صورك. هذا السكربت يسمح لك بعمل ذالك وأكثر.. مثال حوله:

Loupe Image

Instant
Instant.js

هذا السكربت يسمح لك بإضافة إطار لصورك كأنها صور لحضية من كامرا. تستطيع إضافة إطار, إمالة وظلال لإعطاء صورك التأثير الذي طالمـا أردته:

Instant Image

Bevel
Bevel.js

هذه الجافاسكربت تحتوي على الكثير من التأثيراث! فهي تسمح لك بإضافـة الحافات مع التوهج, التظليل وتلميع صورك. هذا مثال للجافاسكربت:

Bevel Image

إذا أعجبك هذا المقال فلا تنس الإشتراك في خدمة RSS لتكون أول من يعلم بوجود مقال جديد
أو الاشتراك في القائمة البريدية لكي يصلك جديد الموقع يومياً.

أو إشترك عبر البريد الإلكتروني:

مقالات مشابهـة:


facebook comments:

One thought on “10 من أفضل تأثيراث جافا سكربت للتلاعب بالصور

أضف تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

*

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>