adaptive vorgestellte Bilder wordpress 4.4 Gitter

Ich habe meiner functions.php drei neue vorgestellte Bildgrößen hinzugefügt;

add_image_size( 'feature-large', 768, 9999 );

add_image_size( 'feature-medium', 500, 9999 );

add_image_size( 'feature-small', 480, 9999 );

Ich möchte featured-medium auf Bildschirmen verwenden, die breiter als 768px sind, auf großen Bildschirmen unter 768px und auf kleinen Bildschirmen unter 480px.

im Moment benutze ich einfach Ich verwende ein Bootstrap-Gitter, deshalb möchte ich das Feature-Medium auf größeren Bildschirmen verwenden.

Ist das überhaupt möglich? Hat jemand Ideen, wie man das am einfachsten umsetzen kann?

Ich freue mich auf deine Antworten / Ideen.

Danke vielmals

Schotte

Solutions Collecting From Web of "adaptive vorgestellte Bilder wordpress 4.4 Gitter"

Da Sie mit reinem PHP keine Bildschirmgröße erkennen können, haben Sie zwei Möglichkeiten.

1- Verwenden Sie JavaScript oder jQuery, um die Bildschirmgröße zu erhalten, und rufen Sie Inhalte dann dynamisch mit Ajax / JSON ab. Sie können hier eine Lösung finden .

2- Laden Sie alle 3 Größen der Miniaturansichten und verwenden Sie dann CSS-Medienabfragen, um die richtige Bildgröße basierend auf dem Besucherbildschirm anzuzeigen (nur empfohlen für Seiten mit geringer Anzahl von Bildern).