jQueryでページの最上部に位置固定したフルスクリーンスライドショー（クロスフェード）を設置する方法｜BLACKFLAG
最近のWebサイトでは写真をフルスクリーンでダイナミックに見せる技法や演出が多く見られます。 背景画像のフルスクリーン表示やフルスクリーンのスライドショーなど様々ありますが、jQueryを使って、ページ最上部（ページヘッダー）にフルスクリーンでのスライドショーを設置し、スクロールすると下から通常のコンテンツが表示される、というページ構成を実装するスクリプトを作ってみたので紹介してみます。 少々言葉では説明しずらいのでまず動作サンプルから。 「jQueryでページ上部にフルスクリーンスライドショーを設置する方法」サンプルを別枠で表示 ページの最上部にフルスクリーンサイズにて画像がクロスフェードで切り替わるスライドショーを設置し、ページをスクロールさせるとページ上部にフルスクリーンスライドショーが固定されたまま下からコンテンツ要素が出現します。 スライドショー全体はブラウザサイズを変化させても
NSTimerとUISliderを使ってSwiftで画像スライドショーを作る - 人生の恥は書き捨て
やること 画像のスライドショーのようなものを作ります。 スライドバーがついていて、スライドさせると画像が入れ替わります。 また時間とともに画像が入れ替わります。 スライドバーの変化で画像を入れ替えるとともに、 NSTimerを使って時間経過とともに画像を入れ替えます。 完成形 コード ひとまず全コードを貼っておきます。 import UIKit class ViewController: UIViewController { let photos = ["写真1.png", "写真2.png", "写真3.png", "写真4.png", "写真5.png", "写真6.png"] var barHeight: CGFloat = 0.0 var displayWidth: CGFloat = 0.0 var displayHeight: CGFloat = 0.0 var imageVi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iDangero.us
