Panzoom: التمرير عبر محتوى pandzoom

تم إنشاؤها على ٥ أكتوبر ٢٠١٥  ·  2تعليقات  ·  مصدر: timmywil/panzoom

أهلا،

أود التمرير عن طريق الضرب عبر محتوى pandzoom.

في مشروعي ، يكون عرض الصورة: 100٪ من منفذ العرض ، وعندما يكون البوصة الخاصة بي على صورة pandzoom ، لا شيء يتم تطبيقه ، منطق. ولكن هل لديك أي نصيحة للسماح بالتمرير على الرغم من pandzoom؟

مثال: متى لم يتم تكبير الصورة بعد؟ عندما يتم تكبير الصورة ولكن يتم حظر الصورة بحدود الحاوية الأصلية؟ متى يمثل التمرير نسبة معينة من الأسفل إلى الأعلى؟

شكرا لك

التعليق الأكثر فائدة

كنت بحاجة لهذا السلوك أيضا. سيكون من الرائع وجود علامة "panOnlyWhenZoomed" التي يمكنك تعيينها والتي من شأنها أن تسمح لك بالتمرير فوق panzoom عندما تكون بالفعل في minScale وتمكين التحريك فقط عند التكبير.

في هذه الأثناء ، يمكنك تزييف الوظيفة بسهولة تامة عن طريق التحقق مما إذا كانت الصورة البانورامية قد تم رفعها إلى ما بعد قيمة minScale الخاصة بك وتعيين DisablePan وفقًا لذلك. لقد اختبرت ذلك على أجهزة iOS وفي مجموعة متنوعة من محاكيات أجهزة Chrome ويبدو أنها تعمل بشكل جيد:

// Set up panzoom container, making sure to disablePan by default
var $panzoom = $(".panzoom").panzoom({
    minScale: 1,
    disablePan: true
});

// After a zoom event, check zoomed state and reset the disablePanning
$panzoom.on('panzoomzoom', function(e, panzoom, scale, options) {
    $panzoom.panzoom("option", "disablePan", 
        Math.abs(scale - options.minScale) < 0.0001);
});

تحرير: تم تعديله قليلاً للعمل بشكل صحيح في عدم اللمس وجعله أقل نحافة قليلاً

ال 2 كومينتر

كنت بحاجة لهذا السلوك أيضا. سيكون من الرائع وجود علامة "panOnlyWhenZoomed" التي يمكنك تعيينها والتي من شأنها أن تسمح لك بالتمرير فوق panzoom عندما تكون بالفعل في minScale وتمكين التحريك فقط عند التكبير.

في هذه الأثناء ، يمكنك تزييف الوظيفة بسهولة تامة عن طريق التحقق مما إذا كانت الصورة البانورامية قد تم رفعها إلى ما بعد قيمة minScale الخاصة بك وتعيين DisablePan وفقًا لذلك. لقد اختبرت ذلك على أجهزة iOS وفي مجموعة متنوعة من محاكيات أجهزة Chrome ويبدو أنها تعمل بشكل جيد:

// Set up panzoom container, making sure to disablePan by default
var $panzoom = $(".panzoom").panzoom({
    minScale: 1,
    disablePan: true
});

// After a zoom event, check zoomed state and reset the disablePanning
$panzoom.on('panzoomzoom', function(e, panzoom, scale, options) {
    $panzoom.panzoom("option", "disablePan", 
        Math.abs(scale - options.minScale) < 0.0001);
});

تحرير: تم تعديله قليلاً للعمل بشكل صحيح في عدم اللمس وجعله أقل نحافة قليلاً

أنا موافق. هذه الوظيفة مهمة جدا ، وإلا فإن lib عديم الفائدة نوعا ما .. خاصة على أجهزة اللمس الأصغر.
إنها ليست حالة خاصة جدًا ، حيث يكون عرض الصورة 100٪ على تلك الأجهزة وأعتقد أن كل مستخدم نهائي سيترك الصفحة في حالة التقاطه داخل حاوية عموم الصورة هذه: \

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

adred picture adred  ·  21تعليقات

timmywil picture timmywil  ·  10تعليقات

ronvillalon picture ronvillalon  ·  8تعليقات

PrinceDhankhar picture PrinceDhankhar  ·  16تعليقات

nich008 picture nich008  ·  14تعليقات