menu

時刻や曜日に合わせて画像・動画・テキストを自動で切り替え(Adobe Muse)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Hero Connect」Widgetを利用することで、
画像や動画、その上に掲載するタイトルやキャプションのテキストを
ランダムの他、時間や曜日で切り替え表示が可能になります。

 ☆月曜から日曜日まで曜日毎に切り替え表示。
 ☆午前、午後、夜、夜明けの時間帯で切り替え表示。
 ☆24時間、1時間毎に切り替え表示。

◎設定は配置したWidgetにCSVソースを読み込む形で行います。
読み込む方法は2種類有り、
1つは「Googleスプレッドシート」を使う方法。
リンクを設定して行う事でMuseを開かずにネット上で各設定が行えます。
もう1つは「ローカルCSVファイル」を読み込む方法。
こちらは変更を行う際にはMuseを開いて都度再設定を行います。

※テキストのカラー設定が1箇所しかありませんので画像によってはテキストが読みづらい箇所があります。

hero-connect07

hero-connect08

▽サンプル1(ランダム、曜日、時間帯のサンプルを作成しています。※ページ左上にメニューがあります。)
live-preview

▽サンプル2(24時間、1時間毎に切り替え表示のサンプルを作成しています。※分の単位は指定できません。)
live-preview

▽サンプル3(同様の事が動画でも可能です。※サンプルはランダム設定で作成しています。)
live-preview

「Hero Connect」Widgetについての詳細はコチラ(外部サイト)

filmora-pho014-01トランジション「ベーシック編6(終)」(Filmora)

twitter-feed-proページ上にTwitterのフィードを掲載(Adobe Muse)

関連記事

  1. animated-text01

    74種類のテキストアニメーションをAdobe Museで表現(A…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。「Animated Te…

  2. musexpress2-01

    MusexPress 2.0/近日公開

    Chromeで翻訳されたものを書き出しています。なんとな〜く意味しているものは読み取れると思いま…

  3. animate-sample12

    レスポンシブ対応用に書き出せるようになりました。(Adobe A…

    Adobe Animate CCが2017にバージョンアップしたことでアニメーションをレスポンシ…

  4. image-shapes-b-01

    ポリゴンの数値による画像のモーフィングPart2(Adobe M…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  5. muse-table-01

    Museの苦手なテーブル機能を克服(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  6. randomizer01

    イメージのランダム表示(Adobe Muse)

    サードパーティウィジェット「Randomizer」Widgetを利用することで、アクセスする度に…

  7. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

  8. sunder-gallery-01

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Mus…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

PAGE TOP