CSS مضمّن لمنع معاينة الصور (لكل صورة على حدة)

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

في بعض الأحيان، في نفس المنشور، قد أستخدم صورة كبيرة كعنوان للموضوع، لكن لا توجد فائدة إضافية من النقر عليها لعرض نفس الصورة تمامًا، لذا أود منع ظهور نافذة العرض المنبثقة (lightbox) عند تمرير المؤشر فوق صورة أو النقر عليها.

هل هناك نمط يمكنني إضافته إلى صورة لمنع فتحها في عرض النافذة المنبثقة؟

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

هناك خيارات كثيرة لكيفية معالجة الصور، أنصحك بزيارة /admin/site_settings/category/files?filter=image. ثم يمكنك سؤال ما تفعله كل خيار على حدة. :slight_smile:

شكرًا على الإشارة هنا.

تفقد هذا المنشور كمثال.

هل توجد طريقة يمكنني من خلالها إنشاء صورة مصغرة لتلك الفيديوهات على يوتيوب، باستخدام CSS مضمن (في محرر Markdown) لمنع النقر على الصورة؟