للإشتراك في خلاصات RSS بموقع بوابتي
مقالات الرأي
آخر  مقالات الراي
مقالات تقنية المعلوماتية
مقالات تقنية المعلومات
إدراجات الفيديوهات
إدراجات الفيديو
إدراجات الصور
ادراجات الصور
 
استعمالات AJAX: الإيجابيات والسلبيات    ملفات Flash ستصبح مقروءة من طرف محركات البحث    MANTIS: أداة متابعة مشاريع التطوير المعلوماتية    في أحدث ترتيب للشبكات الاجتماعية: MySpace الأول، Facebook الثاني و Orkut قوقل السادس    ‏"ميكروسوفت" تعد لإطلاق "ويندوز" جديد السنة المقبلة‏    ياهو تضع لمسات أخيرة على النسخة الجديدة من برنامجها للدردشة    إطلاق نسخة جديدة من "فيلاتي"، موقع تحميل وتقاسم الملفات    Mob-it‏, خدمة تحويل ‏RSS‏ المواقع على الهاتف المحمول    غلق موقع عرض الفيلم المعادي للإسلام على شبكة الإنترنت    SpinVox‏ التعرف على الصوت وتحويله لنصوص‏   
بعض من المقالات المنشورة
 
المقالات الجديدة  الأكثر قراءة   المقالات الأقدم    
 
تصفح باقي الإدراجات
 
آخر المقالات   

JQZoom لتكبير الصور تفاعليا عن طريق مكتبية jQuery



كاتب المقال   المحرّر: بوابتي


         




إنها مكتبية تعمل من خلال دوال jQuery ، وهي تمكن من إضافة عمليات التكبير (zoom) للصور المتواجدة بصفحة ويب، بطريقة تفاعلية مباشرة حين تمرير الفأرة فوق الصورة المعنية. ولا شك ان إضافة امكانية تكبير الصور يجعل من هذه المكتبية أداة مهمة.

JQZoom هي مكتبية مطورة كطبقة فوق طبقة jQuery، والتي تعمل كلها من خلال لغة JavaScript، وبالتالي فانه يسري على استعمال JQZoom مايسري على استعمال دوال JavaScript، حيث يجب اولا التأشير على موقع مكتبيتي: jQuery ثم JQZoom وذلك في أول الصفحة. ثم إنه يلزم إضافة ملف تنسيق CSS وهو الذي يحوي تفصيلات تنسيق الصورة المكبرة.
وتقوم عملية التكبير على وجود صورة صغيرة وهي الصورة الأصلية، وصورة أخرى كبيرة يقع إنتاجها من خلال تمرير الفأرة بجوار مساحة صغيرة بالصورة الأصلية.

بعدها يجب اختبار هل ان الصفحة تم شحنها كاملا ليقع اطلاق عمل دالة التكبير، ويتم كل هذا عن طريق شيفرة JavaScript كالتالي:

$(document).ready(function(){
$('.MYCLASS).jqzoom();
});



وعملية التكبير يمكن التصرف فيها من خلال العديد من الخيارات، بحيث يمكن التصرف في حجم الصورة، ومكان الإظهار، وطريقة الإظهار، واظهار النص العنوان من عدمه وغيرها من الخيارات التي يمكن التحكم فيها.

وهذه عينة من الشيفرة التي تمثل تصرفا في الشيفرة التي تستعمل لاطلاق عمل دالة التكبير:

$(document).ready(function(){
var options = {
zoomWidth: 300,
zoomHeight: 250,
xOffset: 10,
yOffset: 0,
position: "right" //and MORE OPTIONS
};
$('.MYCLASS).jqzoom(options);
});








الروابط




أنظر عينات من استعمال مكتبية تكبير الصور
تنزيل المكتبية


 اضغط على الكلمات المفتاحية التالية، للإطلاع على المقالات الأخرى المتعلقة:

jQuery، JavaScript framework، مكتبية جافاسكريبت، JavaScript، JQZoom، zoom،

 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
تاريخ نشر المقال بموقع بوابتي 20-12-2008  

تقاسم المقال مع اصدقائك، أو ضعه على موقعك
لوضع رابط لهذا المقال على موقعك أو بمنتدى، قم بنسخ محتوى الحقل الذي بالأسفل، ثم ألصقه
رابط المقال

 
لإعلام أحدهم بهذا المقال، قم بإدخال بريده الإلكتروني و اسمك، ثم اضغط للإرسال
البريد الإلكتروني
اسمك

شارك برأيك
لوحة مفاتيح عربية بوابتي
     
*    الإسم
لن يقع إظهاره للعموم
     البريد الإلكتروني
  عنوان المداخلة
*

   المداخلة

*    حقول واجبة الإدخال
 
كم يبلغ مجموع العددين؟
العدد الثاني
العدد الأول
 * أدخل مجموع العددين
 
 
 
الردود على المقال أعلاه مرتبة نزولا حسب ظهورها  articles d'actualités en tunisie et au monde
أي رد لا يمثل إلا رأي قائله, ولا يلزم موقع بوابتي في شيئ
 

  16-01-2009 / 09:25:38   خالد
مداخلة

اقوى اداة

  26-12-2008 / 20:16:52   فوزي


ردا على الاخ / الاخت المتدخلة dv

ليس كل جديد تقني، يحسن تطبيقه بأي موقع، ومواصلة لتساؤلك، كان احد القراء من سلطنة عمان قد تساءل ايضا لماذا يستعمل موقع بوابتي طريقة قديمة لعرض الصور.

وربما يقول البعض، لماذا يتحدث محرر المقالات التقنية عن تقنيات جديدة، ولا يستعملها بموقع بوابتي؟

الرد بسيط، وهو ان هذه التقنيات لها بعض المساوئ، وانا لا اريد ان اغامر بها من خلال الزج بموقع بوابتي فيها، من ذلك ان استعمال تقنيات رواق الصور (galerie d'images) بتقنيات ajax او جافاسكريبت عادية او فلاش، مما يجعل العرض هشا باعتبار امكانية تعطيل هذه التقنية (فيما يخص جافاسكريبت) اما النقطة الاسوء، فهي ان استعمال هذه التقنيات، مما يحرم محركات البحث من فهرسة الصفحات بطريقة مستقلة مع محتويات نصية معينة، خاصة اذا عرفنا ان نسبة كبيرة من زيارات الموقع تتاتى عن طريق محرك البحث.

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

بقيت بعض النقاط التي لازال الموقع يدرسها ولعله سيقوم بها مستقبلا، وهي تصنيف المقالات، واضافة الكلمات المفتاحية، وهذه قد تم البدء فيها فعلا بباب المقالات، وسيجيئ الدور قريبا باذن الله على باب المقالات التقنية.
كما يجب الوضع بالبال ان الموقع مطور كلية عن طريق برمجة داخلية ذاتية، ولم يقع استعمال اي نماذج لمجلات برمجية او غيرها من البرمجيات الجاهزة كما تفعل اغلب المواقع، كما ان موقع بوابتي يحوي ابوابا كثيرة وليس باب المقالات التقنية فقط، وهي كلها عوامل تجعل من الصعب جدا اتمام اي عمل تطوير بسهولة

  26-12-2008 / 20:04:20   dv


اشكرك اخي على مقالاتك القيمة، بس لماذا لا تستعمل هذه التقنيات بموقعك
 
 
 آخر الردود المنشورة بالموقع
باب تقنية المعلوماتية
باب الفيديوهات
اة لو كلنا نستوعب هذه الكلمات ما اصبحنا بهذا المنظر ((خائفين على الدنيا))...>>

أنا دخت عشان النشيد دا نفسي الاقيه وتقريبا هو دا اللي بدور عليه نفس اللي انا عاوزاه ف العنوان وبشغل مش راضي يشتغل ابدااااااااا ..... فين النشيد :( انت...>>

كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز
انا عمري 12 سنة...>>


كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز...>>


بارك الله فيكم نرجو اضافة اناشيد عن بلاد الشام...>>

مرحبا ياحلى قناه في العالم ممكن تذبت لقبي كوكو...>>

بالله عليكم انتو بدل ماتنادو الناس الى نبذ الطائفية والعدوانية والتوحيد بين المسلمين تزرعون البغض بينهم والقتل الله اكبر على كل واحد يحاول زرع الفتنة ...>>

الله ينور عليكي...>>

اقول كلمة في هدا الايام انتشر الفساد ضاع الشباب بسب اختفاء الايمان واقول اخر كلمة وزالموت يلحق بنا الوعد الوعد القيامة...>>

اني من الوطن العربي عمري 12 سنة اني بنت بس داخلة باسم ولد اتمنى الحرية تتحقق بالوطن العربي في سوريا والعراق و كل دولة بالوطن العربي اني اتمنى اتعرف عل...>>

باب المقالات
الدين في خدمة السياسة عوض ان يكون الامر العكس، السياسة في خدمة الدين...>>

يرجى التثبت في الأخطاء اللغوية وتصحيحها لكي لاينقص ذلك من قيمة المقال

مثل: نكتب: ليسوا أحرارا وليس: ليسوا أحرار
وغيرها ......>>


كبر في عيني مرشد الاخوان و صغر في عيني العسكر
اسال الله ان يهديك الى طريق الصواب
المنافقون في الدرك الاسفل من النار...>>


حسبنا الله ونعم الوكيل فيكم
تتبعت اكثر من رأي سفالة ونذالة والله لتحاسبون على ما قلتموه وكتبتموه
هل البلدان الاخرى ليست بها دعارة ؟هل ...>>


It is important that issues are addressed in a clear and open manner, because it is necessary to understand the necessary information and to properly ...>>

واضح أن الكاتب يعاني من رؤية ضبابية، وهو بعيدٌ عن الموضوعية التي يزعم أنه يهتدي بها..
نعم، وضعت الأنظمة القومية قضية تحرير فلسطين في قائمة جدول...>>


الأولى أن توجه الشتائم التي قدمتها لما يُسمى بالمعارضة الذين هم في الحقيقة تجار الوطن والشرف.. ارتموا كبائعات الهوى في حضر التركي والأمريكي والقطري وا...>>

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

النهضة استطاعت كسر التّحالفات التي بناها نداء تونس مع الجبهة وحثالة البورقيبيّة والعلمانيّة الفاشيّة، ثم انتقلت إلى المرحلة الثانية........>>

انا باحث في صدد عمل رسالة حول : حول المنشآت المائية الرومانية ببلاد المغرب القديم
اتمنى مساعدتي بكتب ومراجع
دمتم طيبين...>>


ههههههههه ههههههههعع اكيد كلام نساء تحاولون تشويه المغربيات من شدة غيرتكم وغيضكم منهم لانهن يتفوقن كتيرا عنكم في المعاملة مع الرجل ولانهم جميلات العقل...>>

هو الموضوع اغتيال جذور الاسلام فهم يعلمون ان الطفله التي تتغذي علي العفه

تفسد مخطاطتهم وتنبت نبات حسنا فطفله اليوم هي سيده الغد واج...>>



وقع تصميم الموقع وتطويره من قبل ف.م. سوفت تونس

تحميل برامج مجانية