初心者のFileMaker pro Q&A (旧掲示板)

3度ウィッチ

Guest

表示バナーを自動で切り替える方法はありますか？

お世話になります。
19を使用しています。

良くあるバナーが数秒で自動的に切り替わるようなものを
Filemakerで作りたいのですが、3つのオブジェクトフィールドに
画像を3つ登録して、パネルコントロールやその他の方法で
時間で自動的に画像1枚目→2枚目→3枚目→1枚目...
と切り替える方法はあるでしょうか？
宜しくお願いします。

himadanee

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

画像自体を自動で切り替わる画像にして、Webビューアで表示するのがいいのでは。
オンタイマースクリプトという指定した時間ごとにスクリプトを実行する手段もありますが、作業中にスクリプトが割り込むと不快だと思います。

3度ウィッチ

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

ありがとうございます。
画像の登録をFilemaker上でしたく、操作は殆どなく表示だけなので
オンタイマースクリプトで行いたいのですが、レイアウトを3つ用意して切り替えるといった方法でしょうか？

himadanee

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

レイアウトごと切り替えなくても、表示用のグローバルフィールドにフィールド設定で各画像を入れる、でいいと思います。
ただ、
https://help.claris.com/archive/fm19/ja … cript.html
「スクリプトが実行中の場合、タイマーに関連付けられたすべてのスクリプトは、実行中のスクリプトが終了するまで実行しません。」
なので、他のスクリプトを多用している（特にスクリプト中で一時停止する）場合、ある程度画像が切り替わらない時間が発生すると思います。

Webビューアなら独立して動くので、FMのスクリプト動作とは無関係に切り替わるはずです。

3度ウィッチ

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

なるほど。やってみます。
himadaneeさん、ありがとうございました！

himadanee

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

CSSでできるそうなので、オブジェクトフィールド3個とWebビューアで実験してみました。
参照：https://boonboonblog.com/entries/entry-33016.html

レイアウト外のテキストオブジェクトに以下のｈｔｍｌコードを入れて「html1」とオブジェクト名を付ける。
<div class="myChangeImage">
    <img src="data:image/jpg;base64,<<i1>>" width="400px" height="225px">
    <img src="data:image/jpg;base64,<<i2>>" width="400px" height="225px">
    <img src="data:image/jpg;base64,<<i3>>" width="400px" height="225px">
</div>

<style>
.myChangeImage{
    position: relative;
    width : 400px;
    height : 225px;
    border : 1px solid;
}

.myChangeImage img{
    position: absolute;
    top: 0;
    left: 0;
    animation: ChangeImage 6s infinite;
    opacity: 0;
}

@keyframes ChangeImage{
    0%{ opacity: 0;}
    10%{ opacity: 1;}
    20%{ opacity: 1;}
    30%{ opacity: 0;}
    100%{ opacity: 0;}
}

.myChangeImage img:nth-of-type(1) {
     animation-delay: 0s;
}
.myChangeImage img:nth-of-type(2) {
    animation-delay: 2s;
}
.myChangeImage img:nth-of-type(3) {
    animation-delay: 4s;
}
</style>

Webビューアに以下のURLを設定する。
"data:text/html," &
Substitute (
GetLayoutObjectAttribute ( "html1" ; "content" )
;["<<i1>>";Base64EncodeRFC ( 0 ; テーブル::o1 )]
;["<<i2>>";Base64EncodeRFC ( 0 ; テーブル::o2 )]
;["<<i3>>";Base64EncodeRFC ( 0 ; テーブル::o3 )]
)

3度ウィッチ

Guest

Re: 表示バナーを自動で切り替える方法はありますか？

オブジェクトフィールド使ってこんなことも出来るんですね！
フィールドとwebビューアが併用できるのであればこれに越したことはないです。
重ね重ねご親切にありがとうございました！
新しい方法で実装してみます！