Tag : フルスクリーン

READ MORE

少し前に「jQueryでページの最上部に位置固定したフルスクリーンスライドショー(クロスフェード)を設置する方法」と題して、ページ最上部に位置固定したクロスフェードスライドショーのサンプルを紹介しましたが、同様の形でクロスフェードではなくフルスクリーンの状態で画像全体が横スライドして見せるスクリプトサンプルを作ってみた…

READ MORE

最近のWebサイトでは写真をフルスクリーンでダイナミックに見せる技法や演出が多く見られます。背景画像のフルスクリーン表示やフルスクリーンのスライドショーなど様々ありますがjQueryを使って、ページ最上部(ページヘッダー)にフルスクリーンでのスライドショーを設置しスクロールすると下から通常のコンテンツが表示される、とい…

READ MORE

以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」&コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで1…

READ MORE

最近でもよく見かけるWebページ内をスクロールしてコンテンツを効果的に魅せる技法としてパララックス(少々今さら感も感じますが・・・)効果に加えて最近ではコンテンツ全体をフルスクリーン表示にして、スクロールすることで1コンテンツ分が自動でスクロールされ次画面へ遷移するさせる技法がよく見られます。そんなWebページ内でスク…

READ MORE

今ではあちこちで見かけるようになったWebページでの背景全体の画像フルスクリーン表示。単純に一枚の画像を表示するパターンや複数画像を切り替えて背景でフルスクリーンスライドショーにしたりランダムで表示する画像を切り替えたりなどなど、魅せ方はさまざまですが、これらをjQueryを使ってできるだけシンプルなスクリプトで実装が…

READ MORE

海外のサイトなどで最近たまに見かける、背景に動画をフルスクリーン表示して見せる手法。背景全面に動画が流れることでページの演出をかなりダイナミックに見せることが出来ます。この背景動画を簡単に実装できるjQueryプラグインもありますがYouTubeにアップされている動画が対象だったりで、任意の動画ファイルを簡単に流すこと…

READ MORE

jQueryを使って、フルスクリーン表示した背景画像とコンテンツ要素をシンプルなアニメーションでスライドショーさせる「Animated fullscreen background image slideshow using jQuery」が使い勝手良く、スクリプトの参考にもなりそうだったのでメモ書きしておきます。Ani…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR