ZooMove jQuery البرنامج المساعد لتكبير الصور على التحويم

إذا سبق لك أن تصفحت موقعًا للتجارة الإلكترونية ، فمن المحتمل أن تكون قد شاهدت تأثير تكبير الصورة. تحوم فوق صورة المنتج وهذا الجزء من الصورة يكبر ل عرض أكثر وضوحا.

ال ZooMove المساعد هي طريقة رائعة ل تكرار هذا التأثير على موقعك. انها مدعوم من مسج, حتى تتمكن من الحصول على هذا وتشغيلها بسرعة دون الكثير من التعليمات البرمجية.

ZooMove مجاني ومفتوح المصدر بالكامل على جيثب لأي مطورين فضوليين. يمكن تثبيته من خلال الآلية الوقائية الوطنية, كوخ ريفي, غزل, أو تحميلها مباشرة من CDNJS.

لإعداد صورة ZooMove ، ستحتاج ثلاثة ملفات محددة في رأس صفحتك:

1. مسج
2. ZooMove CSS
3. ZooMove JS

كلا ملفات ZooMove يمكن تصغيرها إذا كنت تريد تحميل صفحة أسرع. يمكنك أيضًا دمج ملف CSS في ورقة أنماطك الرئيسية إذا كان ذلك أسهل.

كل السحر الحقيقي يحدث في HTML حيث يمكنك ضبط HTML5 سمات البيانات * لتأثيرات مختلفة.

هذا يتيح لك صياغة الخاص بك تأثير التكبير المخصصة الخاصة على أساس أربعة معايير مختلفة:

1. حديقة الحيوان-البيانات على نطاق - يحدد إجمالي حجم التكبير عند التحويم (على سبيل المثال 2.0 مقابل 200 ٪)
2. بيانات حديقة الحيوانات التحرك - يحدد ما إذا كانت الصورة يتحرك جنبا إلى جنب مع المؤشر
3. حديقة الحيوان-الإفراط في البيانات - يحدد الصورة المكبرة تظهر على الأصل
4. حديقة الحيوان-بيانات المؤشر - يحدد نقطة المؤشر

المعلمة الخامسة النهائية تتيح لك تحديد ما عنوان URL للصورة الجديدة يجب أن يكون (إذا لزم الأمر).

يمكنك استخدام ZooMove في جميع المتصفحات الرئيسية ، بما في ذلك IE9 +. هذا البرنامج المساعد هو مدعومة على نطاق واسع ويوفر هيك واحد من تجربة المستخدم.

إذا كنت تبحث عن مكتبة التحويم إلى التكبير البسيطة ZooMove هو خيار ممتاز. انها خفيفة الوزن بما فيه الكفاية للتشغيل على أي موقع ويب مدعوم من مسج, لذلك لن تحتاج إلى كتابة أكبر قدر ممكن من التعليمات البرمجية لكي تعمل.

تفضل بزيارة الصفحة الرئيسية لرؤيتها قيد التنفيذ وتحقق من الوثائق الموجودة على GitHub لمعرفة المزيد.