menu

スクロールでスライドショーを動かす(Adobe Muse)

スクロール効果を使って動的な表現の提案(1)
ウィジェットライブラリの【スライドショー】とスクロール効果の【スライドショー】を組み合わせることでスクロールでスライドの切り替えが出来るようになります。

<サンプル構成>

■ウィジェットライブラリ【スライドショー】
 ・効果:フェード
 ・トランジション速度:2

■スクロール効果【スライドショー】
 ・-50px
 ・スライドの切り替え間隔:200px

▽サンプルサイト
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

big-box-menu07直接編集可能な全画面ナビゲーションメニュー(Adobe Muse)

Filmora031-01-0126種類のフレームオーバーレイ(前半)(Filmora)

関連記事

  1. full-width-video01

    レスポンシブ対応フルワイドビデオ(Adobe Muse)

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

  2. span-slider

    フルブラウザの幅で表示するスライドショー(Adobe Muse)…

    サードパーティウィジェット「Span Slider」Widgetを利用することで、フルブラウザの…

  3. presentation-panels

    フルスクリーンスクロール(Adobe Muse)

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

  4. fullscreen-slideshow-cover01

    Webサイト全体をフルスクリーンスライドショーで魅せる(Adob…

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

  5. photo-filter01

    マウスオーバー時のフォトフィルター(Adobe Muse)

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

  6. sunder-gallery-01

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

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

  7. fullscreen-gallery

    フルスクリーンフォトギャラリー(Adobe Muse)

    サードパーティウィジェット「Fullscreen Thumbnail Gallery」Widgetを…

  8. musexpress09

    MuseとWordPressの連携(その3/Adobe Muse…

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦。「MusexPress」…

PAGE TOP