صور GIF المتحركة: توقفوا عن ذلك!

تم ذلك الآن وتم دمجه، ولن تُعرض الصور المتحركة في نافذة منبثقة. تم تحديث المثال أعلاه (تحتاج المنشورات الموجودة إلى إعادة معالجة حتى يترتب على ذلك التأثير).

سأقوم بنقل التغييرات إلى الإصدارات الأقدم قريبًا.

8 إعجابات

تم إغلاق هذا الموضوع تلقائيًا بعد 4 أيام. لم تعد الردود الجديدة مسموحًا بها.

هذه واحدة ممتعة، فمن المستحيل تشغيل GIF خالٍ من الإفساد:

american psycho glitch GIF by u̶͛͗̽ n̵͇ͨ g̵̼͂ l̵᷅ t̵̄ c̵̃͘ h̵͚ m̵͇͑e͔

7 إعجابات

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

إعجابَين (2)

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

.spoiled {
  img.animated,
  .lightbox {
    pointer-events: none;
  }
}

يمكننا أيضًا جعل عرض الصور المنبثق وتوقف الحركة يُطبَّقان فقط عند إلغاء تمويه المحتوى، لكن هذا لا يعمل مع التلميح كزر تبديل. ولكن إذا قررنا تغيير سلوك التلميح ليصبح باتجاه واحد (إلغاء التمويه عند النقر ولا شيء غير ذلك)، فقد يعمل هذا أيضًا.

4 إعجابات

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

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

3 إعجابات

@cvx نفذ تصحيحًا لعناصر الإخفاء، حيث أن التمويه أحادي الاتجاه للعناصر التي لها إجراءات نقرة خاصة بها (مثل الصناديق الخفيفة، والصور المتحركة، والروابط، والفيديوهات، وحقول الإدخال، وما إلى ذلك). راجع هذا الالتزام لمزيد من التفاصيل.

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

9 إعجابات

لا تعمل على iPhone 8 الخاص بي عندما يكون الشاش عموديًا، حيث لا توجد مساحة بجانب الصورة، لكنني لا أرى طريقة جيدة لتجاوز ذلك. يبدو أن الحل معقول بشكل عام.

4 إعجابات

هذه ميزة رائعة للغاية، شكرًا لك @pmusaraj :conf

5 إعجابات