كيفية إخفاء وإظهار الصور على الهاتف المحمول والكمبيوتر

الدعم
1

في منشور، توجد 10 صور.
الصور الخمس الأولى، كيفية إخفائها على الهاتف المحمول (لا تزال تظهر على سطح المكتب).
الصور الخمس الأخيرة، كيفية إخفائها على سطح المكتب (لا تزال تظهر على الهاتف المحمول).
هل هناك أي HTML و CSS معقولة لأقوم بما سبق؟
شكراً جزيلاً لخبراء Discourse.

2

أهلاً،

أعتقد أن الطريقة الأكثر موثوقية هي تغليف الصور.

[wrap="hide-mobile"]
... أول خمس صور
[/wrap]

[wrap="hide-desktop"]
... آخر خمس صور.
[/wrap]

ثم، CSS:

في علامة تبويب الجوال:

[data-wrap="hide-mobile"] {
    display: none;
}

في علامة تبويب سطح المكتب:

[data-wrap="hide-desktop"] {
    display: none;
}

ما رأيك؟

7 إعجابات