Benutzerdefinierte Medien Meta-Felder zum Ändern des generierten Bild-HTML, das in einen Beitrag für meinen animierten GIF-Bild-Player eingefügt wird?

Ich möchte die Möglichkeit hinzufügen, einen JavaScript animierten GIF-Image-Player zu integrieren.

Es lädt grundsätzlich ein Cover-Bild für das animierte GIF beim Laden der Seite, anstatt das größere animierte GIF herunterzuladen. Sobald ein Play-Button angeklickt ist, lädt er das animierte GIF herunter und schwärmt es mit dem Platzhalterbild aus und fungiert als Film.

Meine bisherige Idee ist, diese 2 neuen Meta-Felder dem Media Manager hinzuzufügen:

  • Kontrollkästchen um ein Bild als animiertes GIF zu definieren oder nicht?
  • Texteingabe, um eine Platzhalter-Bild-URL zu halten, die das Titelbild für ein animiertes GIF beim Laden der Seite darstellt. Es wird ein Einzelbild nicht animiertes Bild sein.

Wenn Sie den Medienmanager nach dem Editieren von Meta-Feldern und dem Einfügen in einen Post verwenden, wird eine ähnliche Bildsyntax erstellt:

conceptexploration 

Meine Frage ist, ob, wenn mein neues Kontrollkästchen für ein Meta-Feld aktiviert ist, um ein Bild als animiert oder nicht zu markieren, eine andere Syntax für das Bild generiert werden kann, wenn es aktiviert ist?

Wenn ich kann, dann bin ich in der Lage, den HTML-Code zu erzeugen, der für meinen animierten GIF-Player benötigt wird, wobei die Bildquelle das Platzhalter- / Titelbild ist und das eigentliche animierte GIF-Bild in einem Bilddatenattribut gespeichert wird classn hinzugefügt, um anzuzeigen, dass es sich um einen GIF-Player handelt.

Also ist es möglich, die generierte Bild HTML-Zeichenfolge von Media Manager zu ändern und weiter zu ändern, basierend auf dem aktivierten Status meines benutzerdefinierten Meta-Felds in diesem Medienelement?


Dieser Code könnte hilfreich sein, da es sich um einen Filter handelt, mit dem geändert werden kann, was vom Medienmanager an den Editor gesendet wird.

Ich bin mir nicht sicher, ob ich hier auf den Wert meiner benutzerdefinierten Metadaten zugreifen kann, um festzustellen, ob ich die Zeichenfolge ändern möchte oder nicht. Wenn das der Fall ist, muss ich auch den Wert des Titelbilds von Meta hier einfügen!

 function filter_image_send_to_editor($html, $id, $caption, $title, $align, $url, $size, $alt) { $html = str_replace('<img ', '<img id="my-super-special-id" ', $html); return $html; } add_filter('image_send_to_editor', 'filter_image_send_to_editor', 10, 8); 

Bildbeschreibung hier eingeben

Solutions Collecting From Web of "Benutzerdefinierte Medien Meta-Felder zum Ändern des generierten Bild-HTML, das in einen Beitrag für meinen animierten GIF-Bild-Player eingefügt wird?"

Ich habe es getriggers ….

 function filter_image_send_to_editor($html, $id, $caption, $title, $align, $url, $size, $alt) { $animatedGif = (bool) get_post_meta($id, 'animated_gif', true); if($animatedGif){ $gifCoverImgUrl = get_post_meta( $id, 'animated_gif_cover_url', true ); // build my GIF player if(isset($gifCoverImgUrl) && $gifCoverImgUrl != ''){ $doc = new DOMDocument(); $doc->loadHTML($html); $xpath = new DOMXPath($doc); $src = $xpath->evaluate("string(//img/@src)"); $html = ''; } return $html; }else{ // do nothing and return normal image tag string return $html; } } add_filter('image_send_to_editor', 'filter_image_send_to_editor', 10, 8);