تغيير حجمها الذكي لأحجام معاينة الصور؟

Question

أنا باستخدام معاينة الصورة تتيح لي إضافة أنماط CSS إلى المعاينات التي تنبثق.

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

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

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

شكرا لك مقدما

Answer 1

تنفيذ التماس نحت JavaScript هو ما أسميه تغيير حجم الصور الذكية :)

على أي حال ، في JavaScript ، يمكنك تنفيذ منطقك اعتمادًا على width و height خصائص Image هدف.

إلقاء نظرة أيضًا على هذه الصفحة, ، يستخدم المؤلف jQuery لتغيير حجم الصور أكبر من الأبعاد المحددة.