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. scroll-bar

    スクロールバー(Adobe Muse)

    サードパーティウィジェット「Custom Scroll Bar」Widgetを利用することで、特…

  2. bigmenu03

    フルスクリーンメニューが11種(Adobe Muse)

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

  3. fluidslider01

    レスポンシブ対応スライドショー(Adobe Muse)

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

  4. mediapro-gallery

    メディアプロ・ギャラリー(Adobe Muse)

    サードパーティウィジェット「Media Pro Gallery」Widgetを利用することで、ソ…

  5. onload-animator

    30種類のワンポイントアニメーション(Adobe Muse)

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

  6. modal-pop-up

    モーダルポップアップ通知(Adobe Muse)

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

  7. sample01-01

    アダプティブWebデザイン/サンプル01(Adobe Muse)…

    Adobe Muse CC 2015 最新リリース版に搭載されているデスクトップ、タブレット…

  8. parallax-tilt-effect

    ちょっと不思議な画像の浮き出し効果(Adobe Muse)

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

PAGE TOP