FileMaker で アニメーション Gif を表示する

FileMaker でアニメーション Gif を表示したい状況があったので、その方法をメモ。

以下のページに従ってうまくいった。

自己主張ブログ: FileMakerでNow Loading…
http://ctake102.blogspot.com/2016/04/filemakernow-loading.html

表示させたいアニメーション Gif を格納したレコードを作成しておき、それを Web ビューアで呼び出すという仕組みだ。

具体的には Web ビューアの Custom Web Address に以下のように記入すればいい。

"data:text/html,<html><head><style type=\"text/css\">html,body{border:0; padding: 0; margin: 0;overflow: hidden;} body{background-color: rgb(255,255,255);}</style></head><body><p align=\"center\"><img src=\"data:img/" & "gif" & ";base64," & Base64Encode([テーブル名]:[フィールド名]) & "\" & \"width=\"100%\" height=\"100%\"></p></body></html>"

width と height を 100% に指定しているのは、iPad で表示した際画像の大きさが小さくなってしまうのを避けるためだ。

参考:
HTMLタグ/イメージタグ/画像のサイズを指定する – TAG index
https://www.tagindex.com/html_tag/img/img_width.html